Nazwany kolor · #D0EAE8
Foam
Foam to #D0EAE8: rgb(208 234 232), hsl(175 38% 87%), oklch(0.917 0.028 191.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Foam color name →
#D0EAE8
oklch(0.917 0.028 191.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5ECEA
- D9EEED
- DEF0EF
- E3F2F1
- E8F5F3
- ECF7F6
- F1F9F8
- F6FBFA
- FAFDFD
Odcienie ciemniejsze
- B5CBCA
- 9AAEAC
- 809190
- 677574
- 4F5A59
- 394140
- 232929
- 101313
- 020303
Tony
- C8DFDD
- C0D4D2
- B7C9C8
- AFBEBD
- A7B4B3
- 9FA9A8
- 979F9E
- 909494
- 888A8A
Harmonie kolorów
Komplementarna +180°
- D0EAE8
Foam
- F5DDDF
≈ In Your Dreams
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.26:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.61:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.61:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
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);
}