Colore con nome · #CAB4D4
Elfin Herb
Elfin Herb è #CAB4D4: rgb(202 180 212), hsl(281 27% 77%), oklch(0.799 0.051 315.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Elfin Herb color name →
#CAB4D4
oklch(0.799 0.051 315.3)
Conversioni di colore
- HEX
- #cab4d4
- RGB
- rgb(202 180 212)
- HSL
- hsl(281 27% 77%)
- HWB
- hwb(281 71% 17%)
- OKLCH
- oklch(0.799 0.051 315.3)
- OKLab
- oklab(0.799 0.036 -0.036)
- CIE Lab
- lab(75.98 12.47 -13.18)
- LCH
- lch(75.98 18.15 313.4)
- CMYK
- cmyk(5% 15% 0% 17%)
Tinte · Ombre · Toni
Tinte
- CFBBD8
- D4C3DD
- DACAE1
- DFD2E5
- E4D9EA
- EAE1EE
- EFE8F2
- F4F0F6
- FAF7FB
Ombre
- AF9CB8
- 95859D
- 7C6E83
- 645869
- 4D4451
- 37303A
- 221D24
- 0F0C10
- 020202
Toni
- C2AFCB
- BBA9C3
- B3A4BA
- AC9FB2
- A49AA9
- 9D95A1
- 968F99
- 8E8A90
- 878588
Armonie di colore
Complementare +180°
- CAB4D4
Elfin Herb
- AFC5A5
≈ Belladonna’s Leaf
Analogo -30° +30°
- CAB4D4
Elfin Herb
- B9B9DD
≈ Wish
- D6B1C5
≈ Private-Label Pink
Triadico +120° +240°
- CAB4D4
Elfin Herb
- D1B99A
≈ Cosy Wool
- 98C8C7
≈ Pastel Turquoise
Complementare divisa +150° +210°
- CAB4D4
Elfin Herb
- C1C09A
≈ Green Mist
- A0C8B5
≈ Lobaria Lichen
Tetradico +90° +180° +270°
- CAB4D4
Elfin Herb
- DAB4A3
≈ Cinnamon Whip
- AFC5A5
≈ Belladonna’s Leaf
- 9BC5D6
≈ June
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.91:1 · APCA Lc 36
Ag
AAASu nero
WCAG 10.99:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--elfin-herb: #cab4d4;
--elfin-herb-rgb: 202 180 212;
--elfin-herb-oklch: oklch(0.799 0.051 315.3);
}
.element {
color: var(--elfin-herb);
background-color: hsl(281 27% 77%);
border-color: oklch(0.799 0.051 315.3);
}Tailwind CSS v4
@theme {
--color-elfin-herb: #cab4d4;
--color-elfin-herb-50: #fbf1ff;
--color-elfin-herb-100: #efe3f3;
--color-elfin-herb-200: #ddcee3;
--color-elfin-herb-300: #c2b0c9;
--color-elfin-herb-400: #aa96b3;
--color-elfin-herb-500: #937c9d;
--color-elfin-herb-600: #7c6985;
--color-elfin-herb-700: #64546b;
--color-elfin-herb-800: #493d4f;
--color-elfin-herb-900: #322a37;
--color-elfin-herb-950: #1e1822;
}SCSS
$elfin-herb: #cab4d4;
$elfin-herb-rgb: 202, 180, 212;
$elfin-herb-light: mix(#fff, $elfin-herb, 20%);
$elfin-herb-dark: mix(#000, $elfin-herb, 20%);
.element {
color: $elfin-herb;
box-shadow: 0 0 0 2px rgba($elfin-herb, 0.35);
}