#FFFFFF

gray100% BrightnessWarm

Color Values

HEX

#FFFFFF

RGB

rgb(255, 255, 255)

HSL

hsl(0°, 0%, 100%)

CMYK

cmyk(0%, 0%, 0%, 0%)

Color Harmonies

Complementary

FFFFFF

Triadic

FFFFFF

Analogous

FFFFFF

Monochromatic

B3B3B3

FFFFFF

Similar Colors

CCCCCC

FFFFFF

CSS Snippets

CSS Variables

--color-base: #FFFFFF;
--color-light: #FFFFFF;
--color-dark: #C9C9C9;

CSS Class

.element {
  color: #FFFFFF;
  background: #999999;
  border-color: #CCCCCC;
}

Contrast Analysis

Sample Text — 21.00:1

The quick brown fox jumps over the lazy dog

On Black21.00:1

On White1.00:1

WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1

Properties

Brightness100%

Saturation0%

Hue0°

Temp

Warm

LRV

100%

Tints

Shades

Use Cases

Primary Button

Light Background

Accent Border

Dark Variant

Description

A dynamically generated gray color with 100% brightness, 0% saturation, and 100% lightness.