Colore con nome · #D5EBAC
Faith
Faith è #D5EBAC: rgb(213 235 172), hsl(81 61% 80%), oklch(0.908 0.086 123.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Faith color name →
#D5EBAC
oklch(0.908 0.086 123.7)
Conversioni di colore
- HEX
- #d5ebac
- RGB
- rgb(213 235 172)
- HSL
- hsl(81 61% 80%)
- HWB
- hwb(81 67% 8%)
- OKLCH
- oklch(0.908 0.086 123.7)
- OKLab
- oklab(0.908 -0.048 0.071)
- CIE Lab
- lab(90.26 -15.34 28.14)
- LCH
- lch(90.26 32.06 118.6)
- CMYK
- cmyk(9% 0% 27% 8%)
Tinte · Ombre · Toni
Tinte
- D9EDB5
- DDEFBD
- E1F1C5
- E6F3CE
- EAF5D6
- EEF7DE
- F2F9E7
- F6FBEF
- FBFDF7
Ombre
- B9CC95
- 9EAE7F
- 839169
- 6A7554
- 515B40
- 3A412D
- 24291B
- 10130B
- 020301
Toni
- CCE0A8
- C3D5A4
- BBCA9F
- B2BF9B
- A9B497
- A1AA92
- 999F8E
- 909589
- 888A85
Armonie di colore
Complementare +180°
- D5EBAC
Faith
- E8D9FF
≈ Lavender Savour
Analogo -30° +30°
- D5EBAC
Faith
- F4E09F
≈ Aspen Yellow
- B5F2C7
≈ Peasful Mint
Triadico +120° +240°
- D5EBAC
Faith
- C7E5FF
≈ Fresh Water
- FFD4DD
≈ No Need to Blush
Complementare divisa +150° +210°
- D5EBAC
Faith
- D7DFFF
≈ Transparent Blue
- FFD0F5
≈ Shampoo
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.30:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.30:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--faith: #d5ebac;
--faith-rgb: 213 235 172;
--faith-oklch: oklch(0.908 0.086 123.7);
}
.element {
color: var(--faith);
background-color: hsl(81 61% 80%);
border-color: oklch(0.908 0.086 123.7);
}Tailwind CSS v4
@theme {
--color-faith: #d5ebac;
--color-faith-50: #effae0;
--color-faith-100: #e1eecf;
--color-faith-200: #cbdbb4;
--color-faith-300: #adc090;
--color-faith-400: #94a76e;
--color-faith-500: #7b904e;
--color-faith-600: #687a43;
--color-faith-700: #536135;
--color-faith-800: #3d4724;
--color-faith-900: #2a3118;
--color-faith-950: #181d09;
}SCSS
$faith: #d5ebac;
$faith-rgb: 213, 235, 172;
$faith-light: mix(#fff, $faith, 20%);
$faith-dark: mix(#000, $faith, 20%);
.element {
color: $faith;
box-shadow: 0 0 0 2px rgba($faith, 0.35);
}