Cor nomeada · #D6CDD0
Light Orchid Haze
Light Orchid Haze é #D6CDD0: rgb(214 205 208), hsl(340 10% 82%), oklch(0.856 0.011 354.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Orchid Haze color name →
#D6CDD0
oklch(0.856 0.011 354.9)
Conversões de cor
- HEX
- #d6cdd0
- RGB
- rgb(214 205 208)
- HSL
- hsl(340 10% 82%)
- HWB
- hwb(340 80% 16%)
- OKLCH
- oklch(0.856 0.011 354.9)
- OKLab
- oklab(0.856 0.011 -0.001)
- CIE Lab
- lab(83.21 3.62 -0.32)
- LCH
- lch(83.21 3.63 354.9)
- CMYK
- cmyk(0% 4% 3% 16%)
Tons claros · Sombras · Tons
Tons claros
- DAD2D5
- DED7D9
- E2DCDE
- E6E1E3
- EAE6E7
- EEEBEC
- F3F0F1
- F7F5F5
- FBFAFA
Sombras
- BAB2B5
- 9E989A
- 847E80
- 6A6667
- 524E4F
- 3B3839
- 252323
- 100F10
- 020202
Tons
- CDC5C8
- C4BDBF
- BBB5B7
- B3ADAF
- AAA6A7
- A19E9F
- 999697
- 918F8F
- 888788
Harmonias de cor
Complementar +180°
- D6CDD0
Light Orchid Haze
- C9D2CF
≈ Killer Fog
Análoga -30° +30°
- D6CDD0
Light Orchid Haze
- D4CDD4
≈ Coverts Wood Pigeon
- D7CDCC
≈ Lilac Ash
Tríade +120° +240°
- D6CDD0
Light Orchid Haze
- CFD1C9
≈ Moorstone
- C9D1D6
≈ Light Starlight
Complementar dividida +150° +210°
- D6CDD0
Light Orchid Haze
- CCD2CC
≈ Pale Loden
- C8D2D3
≈ Killer Fog
Tétrade +90° +180° +270°
- D6CDD0
Light Orchid Haze
- D3CFC8
≈ Ravine
- C9D2CF
≈ Killer Fog
- CCD0D7
≈ Light Starlight
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.50:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.50:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--light-orchid-haze: #d6cdd0;
--light-orchid-haze-rgb: 214 205 208;
--light-orchid-haze-oklch: oklch(0.856 0.011 354.9);
}
.element {
color: var(--light-orchid-haze);
background-color: hsl(340 10% 82%);
border-color: oklch(0.856 0.011 354.9);
}Tailwind CSS v4
@theme {
--color-light-orchid-haze: #d6cdd0;
--color-light-orchid-haze-50: #f8f4f5;
--color-light-orchid-haze-100: #ebe6e8;
--color-light-orchid-haze-200: #d8d2d4;
--color-light-orchid-haze-300: #bcb5b7;
--color-light-orchid-haze-400: #a49c9f;
--color-light-orchid-haze-500: #8c8386;
--color-light-orchid-haze-600: #776f72;
--color-light-orchid-haze-700: #5f595b;
--color-light-orchid-haze-800: #464143;
--color-light-orchid-haze-900: #302d2e;
--color-light-orchid-haze-950: #1c1a1b;
}SCSS
$light-orchid-haze: #d6cdd0;
$light-orchid-haze-rgb: 214, 205, 208;
$light-orchid-haze-light: mix(#fff, $light-orchid-haze, 20%);
$light-orchid-haze-dark: mix(#000, $light-orchid-haze, 20%);
.element {
color: $light-orchid-haze;
box-shadow: 0 0 0 2px rgba($light-orchid-haze, 0.35);
}