Nächste benannte Farbe · #EAF8F9
#EAF8F9
Nächste benannte Farbe: Cold White
#EAF8F9 (rgb(234 248 249), hsl(184 56% 95%), oklch(0.969 0.015 202.1)) liegt am nächsten an der benannten Farbe Cold White. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#EAF8F9
oklch(0.969 0.015 202.1)
Farbumrechnungen
- HEX
- #eaf8f9
- RGB
- rgb(234 248 249)
- HSL
- hsl(184 56% 95%)
- HWB
- hwb(184 92% 2%)
- OKLCH
- oklch(0.969 0.015 202.1)
- OKLab
- oklab(0.969 -0.014 -0.006)
- CIE Lab
- lab(96.55 -4.62 -2.15)
- LCH
- lch(96.55 5.1 205)
- CMYK
- cmyk(6% 0% 0% 2%)
Tints · Shades · Tones
Tints
- ECF9FA
- EEF9FA
- F0FAFB
- F2FBFB
- F5FCFC
- F7FCFD
- F9FDFD
- FBFEFE
- FDFEFE
Shades
- CBD8D9
- AEB8B9
- 919A9A
- 757C7D
- 5A6061
- 414546
- 292C2C
- 131515
- 030303
Tones
- DFEBEC
- D4DFE0
- C9D3D3
- BEC6C7
- B4BABB
- A9AEAF
- 9FA2A3
- 949797
- 8A8B8B
Farbharmonien
Komplementär +180°
- EAF8F9
Cold White
- FFF1F0
≈ Sefid White
Analog -30° +30°
- EAF8F9
Cold White
- EBF8F4
≈ Melting Glacier
- EBF7FD
≈ Clear Skies
Triadisch +120° +240°
- EAF8F9
Cold White
- FAF2FB
≈ Sugar Crystal
- FAF4EA
≈ White Fever
Geteilt komplementär +150° +210°
- EAF8F9
Cold White
- FDF1F6
≈ Lavender Blush
- FDF2EC
≈ Polished Pink
Tetradisch +90° +180° +270°
- EAF8F9
Cold White
- F5F3FE
≈ Sugar Crystal
- FFF1F0
≈ Sefid White
- F5F6EB
≈ Angraecum Orchid
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.08:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 19.29:1 · APCA Lc 101
Beste Textfarbe: #000000
WCAG 19.29:1 (AAA) · APCA Lc 101
Contrast pairs
Code-Snippets
CSS
:root {
--cold-white: #eaf8f9;
--cold-white-rgb: 234 248 249;
--cold-white-oklch: oklch(0.969 0.015 202.1);
}
.element {
color: var(--cold-white);
background-color: hsl(184 56% 95%);
border-color: oklch(0.969 0.015 202.1);
}Tailwind CSS v4
@theme {
--color-cold-white: #eaf8f9;
--color-cold-white-50: #f0f6f7;
--color-cold-white-100: #e2e9ea;
--color-cold-white-200: #cdd6d7;
--color-cold-white-300: #afbabb;
--color-cold-white-400: #95a1a2;
--color-cold-white-500: #7b898a;
--color-cold-white-600: #687475;
--color-cold-white-700: #535d5e;
--color-cold-white-800: #3d4444;
--color-cold-white-900: #2a2f2f;
--color-cold-white-950: #171b1c;
}SCSS
$cold-white: #eaf8f9;
$cold-white-rgb: 234, 248, 249;
$cold-white-light: mix(#fff, $cold-white, 20%);
$cold-white-dark: mix(#000, $cold-white, 20%);
.element {
color: $cold-white;
box-shadow: 0 0 0 2px rgba($cold-white, 0.35);
}