Colore con nome · #DDE7AE
Lichen Gold
Lichen Gold è #DDE7AE: rgb(221 231 174), hsl(71 54% 79%), oklch(0.906 0.075 116). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lichen Gold color name →
#DDE7AE
oklch(0.906 0.075 116)
Conversioni di colore
- HEX
- #dde7ae
- RGB
- rgb(221 231 174)
- HSL
- hsl(71 54% 79%)
- HWB
- hwb(71 68% 9%)
- OKLCH
- oklch(0.906 0.075 116)
- OKLab
- oklab(0.906 -0.033 0.068)
- CIE Lab
- lab(89.83 -10.33 26.69)
- LCH
- lch(89.83 28.62 111.2)
- CMYK
- cmyk(4% 0% 25% 9%)
Tinte · Ombre · Toni
Tinte
- E0E9B6
- E4ECBF
- E7EEC7
- EAF1CF
- EEF3D7
- F1F6DF
- F5F8E7
- F8FAEF
- FCFDF7
Ombre
- C0C997
- A4AB80
- 888F6A
- 6E7355
- 555941
- 3D402E
- 26281C
- 11130B
- 020301
Toni
- D3DCAA
- CAD2A5
- C0C7A1
- B7BD9C
- ADB298
- A4A893
- 9B9E8E
- 92948A
- 898A85
Armonie di colore
Complementare +180°
- DDE7AE
Lichen Gold
- E3DAFF
≈ Transparent Blue
Analogo -30° +30°
- DDE7AE
Lichen Gold
- F6DDA7
≈ Cutlery Polish
- C1EEC3
≈ Peasful Mint
Triadico +120° +240°
- DDE7AE
Lichen Gold
- C0E6FF
≈ Icy Landscape
- FFD2E1
≈ Light Pink
Complementare divisa +150° +210°
- DDE7AE
Lichen Gold
- D2E0FF
≈ Arc Light
- FBCFFB
≈ Pink Diamond
Tetradico +90° +180° +270°
- DDE7AE
Lichen Gold
- A4EFF9
≈ Permafrost
- E3DAFF
≈ Transparent Blue
- FFD5D0
≈ Pink Clay
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.11:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.11:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--lichen-gold: #dde7ae;
--lichen-gold-rgb: 221 231 174;
--lichen-gold-oklch: oklch(0.906 0.075 116);
}
.element {
color: var(--lichen-gold);
background-color: hsl(71 54% 79%);
border-color: oklch(0.906 0.075 116);
}Tailwind CSS v4
@theme {
--color-lichen-gold: #dde7ae;
--color-lichen-gold-50: #f3f9e1;
--color-lichen-gold-100: #e5ecd0;
--color-lichen-gold-200: #d1d9b5;
--color-lichen-gold-300: #b3bd92;
--color-lichen-gold-400: #9ca471;
--color-lichen-gold-500: #838d51;
--color-lichen-gold-600: #6f7745;
--color-lichen-gold-700: #595f37;
--color-lichen-gold-800: #424526;
--color-lichen-gold-900: #2d3019;
--color-lichen-gold-950: #1a1c0a;
}SCSS
$lichen-gold: #dde7ae;
$lichen-gold-rgb: 221, 231, 174;
$lichen-gold-light: mix(#fff, $lichen-gold, 20%);
$lichen-gold-dark: mix(#000, $lichen-gold, 20%);
.element {
color: $lichen-gold;
box-shadow: 0 0 0 2px rgba($lichen-gold, 0.35);
}