Benannte Farbe · #FBE5D9
Cool Cream
Cool Cream ist #FBE5D9: rgb(251 229 217), hsl(21 81% 92%), oklch(0.936 0.029 50.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cool Cream color name →
#FBE5D9
oklch(0.936 0.029 50.6)
Farbumrechnungen
- HEX
- #fbe5d9
- RGB
- rgb(251 229 217)
- HSL
- hsl(21 81% 92%)
- HWB
- hwb(21 85% 2%)
- OKLCH
- oklch(0.936 0.029 50.6)
- OKLab
- oklab(0.936 0.018 0.022)
- CIE Lab
- lab(92.5 6.34 8.74)
- LCH
- lch(92.5 10.8 54)
- CMYK
- cmyk(0% 9% 14% 2%)
Tints · Shades · Tones
Tints
- FBE8DD
- FCEAE1
- FCEDE4
- FDEFE8
- FDF2EC
- FEF5F0
- FEF7F4
- FEFAF7
- FFFCFB
Shades
- DAC7BC
- BAAAA1
- 9C8E86
- 7E726C
- 615853
- 463F3B
- 2D2825
- 151211
- 030302
Tones
- EEDAD0
- E1D0C7
- D5C6BD
- C8BBB4
- BCB1AB
- AFA7A3
- A39D9A
- 979391
- 8C8A89
Farbharmonien
Komplementär +180°
- FBE5D9
Cool Cream
- D7EEFA
≈ Ice Castle
Analog -30° +30°
- FBE5D9
Cool Cream
- FDE3E2
≈ Royal Wedding
- F4E8D5
≈ Vanilla Delight
Triadisch +120° +240°
- FBE5D9
Cool Cream
- D8F1E7
≈ Banshee
- E9E7FD
≈ Cyber Lavender
Geteilt komplementär +150° +210°
- FBE5D9
Cool Cream
- D5F0F2
≈ Let It Snow
- DFEBFE
≈ Husky
Tetradisch +90° +180° +270°
- FBE5D9
Cool Cream
- E0EFDD
≈ Distant Landscape
- D7EEFA
≈ Ice Castle
- F3E4F6
≈ Minute Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.31:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.31:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--cool-cream: #fbe5d9;
--cool-cream-rgb: 251 229 217;
--cool-cream-oklch: oklch(0.936 0.029 50.6);
}
.element {
color: var(--cool-cream);
background-color: hsl(21 81% 92%);
border-color: oklch(0.936 0.029 50.6);
}Tailwind CSS v4
@theme {
--color-cool-cream: #fbe5d9;
--color-cool-cream-50: #fcf3ee;
--color-cool-cream-100: #f0e5df;
--color-cool-cream-200: #dfd1c9;
--color-cool-cream-300: #c4b4aa;
--color-cool-cream-400: #ad9a8f;
--color-cool-cream-500: #978175;
--color-cool-cream-600: #7f6d63;
--color-cool-cream-700: #66574f;
--color-cool-cream-800: #4b403a;
--color-cool-cream-900: #342c28;
--color-cool-cream-950: #201916;
}SCSS
$cool-cream: #fbe5d9;
$cool-cream-rgb: 251, 229, 217;
$cool-cream-light: mix(#fff, $cool-cream, 20%);
$cool-cream-dark: mix(#000, $cool-cream, 20%);
.element {
color: $cool-cream;
box-shadow: 0 0 0 2px rgba($cool-cream, 0.35);
}