Benannte Farbe · #D0EAE8
Foam
Foam ist #D0EAE8: rgb(208 234 232), hsl(175 38% 87%), oklch(0.917 0.028 191.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Foam color name →
#D0EAE8
oklch(0.917 0.028 191.1)
Farbumrechnungen
- HEX
- #d0eae8
- RGB
- rgb(208 234 232)
- HSL
- hsl(175 38% 87%)
- HWB
- hwb(175 82% 8%)
- OKLCH
- oklch(0.917 0.028 191.1)
- OKLab
- oklab(0.917 -0.027 -0.005)
- CIE Lab
- lab(90.74 -9.14 -2.08)
- LCH
- lch(90.74 9.37 192.8)
- CMYK
- cmyk(11% 0% 1% 8%)
Tints · Shades · Tones
Tints
- D5ECEA
- D9EEED
- DEF0EF
- E3F2F1
- E8F5F3
- ECF7F6
- F1F9F8
- F6FBFA
- FAFDFD
Shades
- B5CBCA
- 9AAEAC
- 809190
- 677574
- 4F5A59
- 394140
- 232929
- 101313
- 020303
Tones
- C8DFDD
- C0D4D2
- B7C9C8
- AFBEBD
- A7B4B3
- 9FA9A8
- 979F9E
- 909494
- 888A8A
Farbharmonien
Komplementär +180°
- D0EAE8
Foam
- F5DDDF
≈ In Your Dreams
Analog -30° +30°
Triadisch +120° +240°
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.61:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.61:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--foam: #d0eae8;
--foam-rgb: 208 234 232;
--foam-oklch: oklch(0.917 0.028 191.1);
}
.element {
color: var(--foam);
background-color: hsl(175 38% 87%);
border-color: oklch(0.917 0.028 191.1);
}Tailwind CSS v4
@theme {
--color-foam: #d0eae8;
--color-foam-50: #edf8f7;
--color-foam-100: #deebea;
--color-foam-200: #c8d8d7;
--color-foam-300: #a8bcbb;
--color-foam-400: #8da4a2;
--color-foam-500: #728c8a;
--color-foam-600: #617775;
--color-foam-700: #4d5f5e;
--color-foam-800: #384644;
--color-foam-900: #26302f;
--color-foam-950: #141c1c;
}SCSS
$foam: #d0eae8;
$foam-rgb: 208, 234, 232;
$foam-light: mix(#fff, $foam, 20%);
$foam-dark: mix(#000, $foam, 20%);
.element {
color: $foam;
box-shadow: 0 0 0 2px rgba($foam, 0.35);
}