Colore con nome · #FAE1AC
Yeast
Yeast è #FAE1AC: rgb(250 225 172), hsl(41 89% 83%), oklch(0.918 0.073 85.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Yeast color name →
#FAE1AC
oklch(0.918 0.073 85.6)
Conversioni di colore
- HEX
- #fae1ac
- RGB
- rgb(250 225 172)
- HSL
- hsl(41 89% 83%)
- HWB
- hwb(41 67% 2%)
- OKLCH
- oklch(0.918 0.073 85.6)
- OKLab
- oklab(0.918 0.006 0.073)
- CIE Lab
- lab(90.66 3.28 29.32)
- LCH
- lch(90.66 29.5 83.6)
- CMYK
- cmyk(0% 10% 31% 2%)
Tinte · Ombre · Toni
Tinte
- FBE4B5
- FBE7BD
- FCEAC6
- FCEDCE
- FDF0D6
- FDF3DE
- FEF6E7
- FEF9EF
- FFFCF7
Ombre
- D9C495
- BAA77F
- 9B8B69
- 7D7054
- 615640
- 463E2D
- 2D271B
- 15120B
- 030201
Toni
- EDD7A8
- E1CDA4
- D4C39F
- C8B99B
- BBAF97
- AFA692
- A39C8E
- 979389
- 8C8985
Armonie di colore
Complementare +180°
- FAE1AC
Yeast
- D7E4FF
≈ Stoic White
Analogo -30° +30°
- FAE1AC
Yeast
- FFDCC5
≈ Salmon Creek
- E1EAB3
≈ Awareness
Triadico +120° +240°
- FAE1AC
Yeast
- A9F3FC
≈ Waterspout
- FED4FF
≈ Pink Diamond
Complementare divisa +150° +210°
- FAE1AC
Yeast
- C7E9FF
≈ Blue Java Banana
- E6DEFF
≈ Stoic White
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.43:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--yeast: #fae1ac;
--yeast-rgb: 250 225 172;
--yeast-oklch: oklch(0.918 0.073 85.6);
}
.element {
color: var(--yeast);
background-color: hsl(41 89% 83%);
border-color: oklch(0.918 0.073 85.6);
}Tailwind CSS v4
@theme {
--color-yeast: #fae1ac;
--color-yeast-50: #fef4de;
--color-yeast-100: #f2e7cd;
--color-yeast-200: #e1d3b1;
--color-yeast-300: #c7b68d;
--color-yeast-400: #b29c6c;
--color-yeast-500: #9c834b;
--color-yeast-600: #846f40;
--color-yeast-700: #6a5833;
--color-yeast-800: #4f4024;
--color-yeast-900: #372c18;
--color-yeast-950: #221909;
}SCSS
$yeast: #fae1ac;
$yeast-rgb: 250, 225, 172;
$yeast-light: mix(#fff, $yeast, 20%);
$yeast-dark: mix(#000, $yeast, 20%);
.element {
color: $yeast;
box-shadow: 0 0 0 2px rgba($yeast, 0.35);
}