Nächste benannte Farbe · #E4EAF4
#E4EAF4
Nächste benannte Farbe: Radiant Moon
#E4EAF4 (rgb(228 234 244), hsl(218 42% 93%), oklch(0.935 0.015 260.7)) liegt am nächsten an der benannten Farbe Radiant Moon. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E4EAF4
oklch(0.935 0.015 260.7)
Farbumrechnungen
- HEX
- #e4eaf4
- RGB
- rgb(228 234 244)
- HSL
- hsl(218 42% 93%)
- HWB
- hwb(218 89% 4%)
- OKLCH
- oklch(0.935 0.015 260.7)
- OKLab
- oklab(0.935 -0.002 -0.015)
- CIE Lab
- lab(92.46 -0.69 -5.59)
- LCH
- lch(92.46 5.64 263)
- CMYK
- cmyk(7% 4% 0% 4%)
Tints · Shades · Tones
Tints
- E7ECF5
- E9EEF6
- ECF0F7
- EFF2F8
- F1F4FA
- F4F7FB
- F7F9FC
- FAFBFD
- FCFDFE
Shades
- C6CBD4
- A9AEB5
- 8D9197
- 72757A
- 585A5E
- 3F4144
- 28292B
- 121314
- 030303
Tones
- DADFE8
- CFD4DC
- C5C9D0
- BBBEC4
- B1B4B8
- A7A9AD
- 9D9FA1
- 939496
- 8A8A8B
Farbharmonien
Komplementär +180°
- E4EAF4
Radiant Moon
- EFE9DF
≈ Palladian
Analog -30° +30°
- E4EAF4
Radiant Moon
- E0ECF2
≈ Out Cold
- E9E8F3
≈ Tranquil Eve
Triadisch +120° +240°
- E4EAF4
Radiant Moon
- F4E6E5
≈ Pink Vibernum
- E4ECE3
≈ Summer Shower
Geteilt komplementär +150° +210°
- E4EAF4
Radiant Moon
- F2E7E1
≈ Homoeopathic Orange
- EAEBDF
≈ Winter Glaze
Tetradisch +90° +180° +270°
- E4EAF4
Radiant Moon
- F2E6EB
≈ Amour Frais
- EFE9DF
≈ Palladian
- E0EDE8
≈ Molten Ice
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.20:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.37:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.37:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--radiant-moon: #e4eaf4;
--radiant-moon-rgb: 228 234 244;
--radiant-moon-oklch: oklch(0.935 0.015 260.7);
}
.element {
color: var(--radiant-moon);
background-color: hsl(218 42% 93%);
border-color: oklch(0.935 0.015 260.7);
}Tailwind CSS v4
@theme {
--color-radiant-moon: #e4eaf4;
--color-radiant-moon-50: #f3f5fa;
--color-radiant-moon-100: #e5e8ed;
--color-radiant-moon-200: #d1d4db;
--color-radiant-moon-300: #b3b7bf;
--color-radiant-moon-400: #999fa8;
--color-radiant-moon-500: #818690;
--color-radiant-moon-600: #6d727a;
--color-radiant-moon-700: #575b62;
--color-radiant-moon-800: #3f4348;
--color-radiant-moon-900: #2c2e32;
--color-radiant-moon-950: #191b1e;
}SCSS
$radiant-moon: #e4eaf4;
$radiant-moon-rgb: 228, 234, 244;
$radiant-moon-light: mix(#fff, $radiant-moon, 20%);
$radiant-moon-dark: mix(#000, $radiant-moon, 20%);
.element {
color: $radiant-moon;
box-shadow: 0 0 0 2px rgba($radiant-moon, 0.35);
}