Benoemde kleur · #E6CDCA
Whirligig
Whirligig is #E6CDCA: rgb(230 205 202), hsl(6 36% 85%), oklch(0.868 0.028 25.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Whirligig color name →
#E6CDCA
oklch(0.868 0.028 25.9)
Kleurconversies
- HEX
- #e6cdca
- RGB
- rgb(230 205 202)
- HSL
- hsl(6 36% 85%)
- HWB
- hwb(6 79% 10%)
- OKLCH
- oklch(0.868 0.028 25.9)
- OKLab
- oklab(0.868 0.026 0.012)
- CIE Lab
- lab(84.46 8.67 4.86)
- LCH
- lch(84.46 9.94 29.3)
- CMYK
- cmyk(0% 11% 12% 10%)
Tinten · Schaduwen · Tonen
Tinten
- E9D2CF
- EBD7D4
- EEDCDA
- F0E1DF
- F3E6E4
- F5EBEA
- F8F0EF
- FAF5F4
- FDFAFA
Schaduwen
- C8B2AF
- AB9895
- 8E7E7C
- 736664
- 594E4D
- 403837
- 282322
- 130F0F
- 030202
Tonen
- DBC5C2
- D1BDBB
- C6B5B3
- BCADAC
- B2A6A4
- A89E9D
- 9E9696
- 948F8E
- 8A8787
Kleurharmonieën
Complementair +180°
- E6CDCA
Whirligig
- BFD9DD
≈ Alexandrian Sky
Analoog -30° +30°
- E6CDCA
Whirligig
- E4CCD4
≈ Barely Berry
- E3CFC2
≈ Sheer Blouse
Triadisch +120° +240°
- E6CDCA
Whirligig
- C8D9C9
≈ Dry Lichen
- CBD4E7
≈ English Channel Fog
Gesplitst complementair +150° +210°
- E6CDCA
Whirligig
- C1DAD3
≈ Green Wave
- C3D7E4
≈ Washing Powder Soft Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.50:1 · APCA Lc 24
Ag
AAAOp zwart
WCAG 13.94:1 · APCA Lc 80
Beste tekstkleur: #000000
WCAG 13.94:1 (AAA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--whirligig: #e6cdca;
--whirligig-rgb: 230 205 202;
--whirligig-oklch: oklch(0.868 0.028 25.9);
}
.element {
color: var(--whirligig);
background-color: hsl(6 36% 85%);
border-color: oklch(0.868 0.028 25.9);
}Tailwind CSS v4
@theme {
--color-whirligig: #e6cdca;
--color-whirligig-50: #fdf2f1;
--color-whirligig-100: #f1e5e3;
--color-whirligig-200: #e0d0cd;
--color-whirligig-300: #c6b2af;
--color-whirligig-400: #af9896;
--color-whirligig-500: #987f7c;
--color-whirligig-600: #816c69;
--color-whirligig-700: #675654;
--color-whirligig-800: #4c3f3e;
--color-whirligig-900: #352b2a;
--color-whirligig-950: #201818;
}SCSS
$whirligig: #e6cdca;
$whirligig-rgb: 230, 205, 202;
$whirligig-light: mix(#fff, $whirligig, 20%);
$whirligig-dark: mix(#000, $whirligig, 20%);
.element {
color: $whirligig;
box-shadow: 0 0 0 2px rgba($whirligig, 0.35);
}