Benannte Farbe · #FADC97
Cooled Cream
Cooled Cream ist #FADC97: rgb(250 220 151), hsl(42 91% 79%), oklch(0.904 0.093 87). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Cooled Cream color name →
#FADC97
oklch(0.904 0.093 87)
Farbumrechnungen
- HEX
- #fadc97
- RGB
- rgb(250 220 151)
- HSL
- hsl(42 91% 79%)
- HWB
- hwb(42 59% 2%)
- OKLCH
- oklch(0.904 0.093 87)
- OKLab
- oklab(0.904 0.005 0.093)
- CIE Lab
- lab(89.14 3.93 37.92)
- LCH
- lch(89.14 38.13 84.1)
- CMYK
- cmyk(0% 12% 40% 2%)
Tints · Shades · Tones
Tints
- FBE0A2
- FBE3AD
- FCE7B8
- FCEAC2
- FDEECC
- FDF1D7
- FEF5E1
- FEF8EB
- FFFCF5
Shades
- D9BF83
- BAA36F
- 9B885C
- 7D6E49
- 615437
- 463C26
- 2D2617
- 151108
- 030201
Tones
- EDD395
- E1C994
- D4C092
- C8B690
- BBAD8D
- AFA48B
- A39B88
- 979286
- 8C8983
Farbharmonien
Komplementär +180°
- FADC97
Cooled Cream
- D2DFFF
≈ Arc Light
Analog -30° +30°
- FADC97
Cooled Cream
- FFD6B9
≈ Curtsy
- DAE8A1
≈ Fresh Frappé
Triadisch +120° +240°
- FADC97
Cooled Cream
- 91F1FF
≈ Shallow Water
- FFCCFE
≈ Sugar Chic
Geteilt komplementär +150° +210°
- FADC97
Cooled Cream
- BFE5FF
≈ Fresh Water
- E2D9FF
≈ Transparent Blue
Tetradisch +90° +180° +270°
- FADC97
Cooled Cream
- 99F4DE
≈ Turquoise Pearl
- D2DFFF
≈ Arc Light
- FFD1E0
≈ Light Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.74:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--cooled-cream: #fadc97;
--cooled-cream-rgb: 250 220 151;
--cooled-cream-oklch: oklch(0.904 0.093 87);
}
.element {
color: var(--cooled-cream);
background-color: hsl(42 91% 79%);
border-color: oklch(0.904 0.093 87);
}Tailwind CSS v4
@theme {
--color-cooled-cream: #fadc97;
--color-cooled-cream-50: #fff4d8;
--color-cooled-cream-100: #f4e7c5;
--color-cooled-cream-200: #e4d3a7;
--color-cooled-cream-300: #cbb680;
--color-cooled-cream-400: #b69b5c;
--color-cooled-cream-500: #a18234;
--color-cooled-cream-600: #886e2e;
--color-cooled-cream-700: #6d5824;
--color-cooled-cream-800: #514018;
--color-cooled-cream-900: #382c10;
--color-cooled-cream-950: #231903;
}SCSS
$cooled-cream: #fadc97;
$cooled-cream-rgb: 250, 220, 151;
$cooled-cream-light: mix(#fff, $cooled-cream, 20%);
$cooled-cream-dark: mix(#000, $cooled-cream, 20%);
.element {
color: $cooled-cream;
box-shadow: 0 0 0 2px rgba($cooled-cream, 0.35);
}