Nazwany kolor · #C9D2DF
Light Candela
Light Candela to #C9D2DF: rgb(201 210 223), hsl(215 26% 83%), oklch(0.861 0.021 257.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Candela color name →
#C9D2DF
oklch(0.861 0.021 257.5)
Konwersje koloru
- HEX
- #c9d2df
- RGB
- rgb(201 210 223)
- HSL
- hsl(215 26% 83%)
- HWB
- hwb(215 79% 13%)
- OKLCH
- oklch(0.861 0.021 257.5)
- OKLab
- oklab(0.861 -0.004 -0.02)
- CIE Lab
- lab(83.79 -1.28 -7.56)
- LCH
- lch(83.79 7.66 260.4)
- CMYK
- cmyk(10% 6% 0% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CED6E2
- D4DBE5
- D9DFE9
- DEE4EC
- E4E8EF
- E9EDF2
- EFF1F5
- F4F6F9
- FAFAFC
Odcienie ciemniejsze
- AEB6C2
- 959BA5
- 7C818A
- 64686F
- 4C5056
- 36393D
- 222427
- 0F1012
- 020202
Tony
- C1C9D5
- BAC1CB
- B2B9C2
- ABB0B8
- A4A8AE
- 9CA0A5
- 95989C
- 8E9092
- 878889
Harmonie kolorów
Komplementarna +180°
- C9D2DF
Light Candela
- D9D0C3
≈ Blanc
Analogowa -30° +30°
- C9D2DF
Light Candela
- C4D4DC
≈ Sentimental Lady
- D0CFDE
≈ Lavender Sparkle
Triada +120° +240°
- C9D2DF
Light Candela
- DECCCC
≈ Delirious Donkey
- CBD5C8
≈ Falling Star
Komplementarna rozszczepiona +150° +210°
- C9D2DF
Light Candela
- DDCEC6
≈ Morganite
- D2D2C3
≈ Muslin
Tetrada +90° +180° +270°
- C9D2DF
Light Candela
- DCCCD4
≈ Silver Mauve
- D9D0C3
≈ Blanc
- C5D6CE
≈ Geyser
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.52:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.76:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.76:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-candela: #c9d2df;
--light-candela-rgb: 201 210 223;
--light-candela-oklch: oklch(0.861 0.021 257.5);
}
.element {
color: var(--light-candela);
background-color: hsl(215 26% 83%);
border-color: oklch(0.861 0.021 257.5);
}Tailwind CSS v4
@theme {
--color-light-candela: #c9d2df;
--color-light-candela-50: #f2f5fb;
--color-light-candela-100: #e4e8ef;
--color-light-candela-200: #cfd5dd;
--color-light-candela-300: #b1b8c2;
--color-light-candela-400: #979fab;
--color-light-candela-500: #7e8794;
--color-light-candela-600: #6b727d;
--color-light-candela-700: #555b64;
--color-light-candela-800: #3e434a;
--color-light-candela-900: #2a2e33;
--color-light-candela-950: #181b1f;
}SCSS
$light-candela: #c9d2df;
$light-candela-rgb: 201, 210, 223;
$light-candela-light: mix(#fff, $light-candela, 20%);
$light-candela-dark: mix(#000, $light-candela, 20%);
.element {
color: $light-candela;
box-shadow: 0 0 0 2px rgba($light-candela, 0.35);
}