Nächste benannte Farbe · #ECF0ED
#ECF0ED
Nächste benannte Farbe: Beluga
#ECF0ED (rgb(236 240 237), hsl(135 12% 93%), oklch(0.951 0.006 153.8)) liegt am nächsten an der benannten Farbe Beluga. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#ECF0ED
oklch(0.951 0.006 153.8)
Farbumrechnungen
- HEX
- #ecf0ed
- RGB
- rgb(236 240 237)
- HSL
- hsl(135 12% 93%)
- HWB
- hwb(135 93% 6%)
- OKLCH
- oklch(0.951 0.006 153.8)
- OKLab
- oklab(0.951 -0.005 0.003)
- CIE Lab
- lab(94.42 -1.78 0.96)
- LCH
- lch(94.42 2.02 151.6)
- CMYK
- cmyk(2% 0% 1% 6%)
Tints · Shades · Tones
Tints
- EEF1EF
- F0F3F1
- F2F4F2
- F4F6F4
- F5F7F6
- F7F9F8
- F9FAFA
- FBFCFB
- FDFDFD
Shades
- CDD1CE
- AFB2B0
- 929593
- 767877
- 5B5D5C
- 424342
- 292A2A
- 131414
- 030303
Tones
- E1E4E2
- D5D9D6
- CACDCB
- BFC2C0
- B4B6B5
- AAABAA
- 9FA09F
- 959595
- 8A8B8A
Farbharmonien
Komplementär +180°
- ECF0ED
Beluga
- F1EDF0
≈ Violet Clues
Analog -30° +30°
- ECF0ED
Beluga
- EEF0EB
≈ Extra White
- EBF0EF
≈ Frosted Glass
Triadisch +120° +240°
- ECF0ED
Beluga
- EDEFF3
≈ Springtime Rain
- F3EEEC
≈ First Blush
Geteilt komplementär +150° +210°
- ECF0ED
Beluga
- F0EEF2
≈ Crystal Bell
- F3EDEE
≈ Line Dried Sheets
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.15:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.25:1 · APCA Lc 97
Beste Textfarbe: #000000
WCAG 18.25:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--beluga: #ecf0ed;
--beluga-rgb: 236 240 237;
--beluga-oklch: oklch(0.951 0.006 153.8);
}
.element {
color: var(--beluga);
background-color: hsl(135 12% 93%);
border-color: oklch(0.951 0.006 153.8);
}Tailwind CSS v4
@theme {
--color-beluga: #ecf0ed;
--color-beluga-50: #f4f6f4;
--color-beluga-100: #e6e8e7;
--color-beluga-200: #d2d5d3;
--color-beluga-300: #b5b8b6;
--color-beluga-400: #9c9f9d;
--color-beluga-500: #838784;
--color-beluga-600: #6f7270;
--color-beluga-700: #595c5a;
--color-beluga-800: #414341;
--color-beluga-900: #2d2e2d;
--color-beluga-950: #1a1b1a;
}SCSS
$beluga: #ecf0ed;
$beluga-rgb: 236, 240, 237;
$beluga-light: mix(#fff, $beluga, 20%);
$beluga-dark: mix(#000, $beluga, 20%);
.element {
color: $beluga;
box-shadow: 0 0 0 2px rgba($beluga, 0.35);
}