Nächste benannte Farbe · #C1DEE8
#C1DEE8
Nächste benannte Farbe: Breezy
#C1DEE8 (rgb(193 222 232), hsl(195 46% 83%), oklch(0.882 0.034 220.6)) liegt am nächsten an der benannten Farbe Breezy. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C1DEE8
oklch(0.882 0.034 220.6)
Farbumrechnungen
- HEX
- #c1dee8
- RGB
- rgb(193 222 232)
- HSL
- hsl(195 46% 83%)
- HWB
- hwb(195 76% 9%)
- OKLCH
- oklch(0.882 0.034 220.6)
- OKLab
- oklab(0.882 -0.026 -0.022)
- CIE Lab
- lab(86.56 -8.38 -8.31)
- LCH
- lch(86.56 11.8 224.7)
- CMYK
- cmyk(17% 4% 0% 9%)
Tints · Shades · Tones
Tints
- C7E1EA
- CDE5ED
- D4E8EF
- DAEBF1
- E0EEF4
- E6F2F6
- ECF5F8
- F3F8FA
- F9FCFD
Shades
- A7C1CA
- 8FA5AC
- 778990
- 5F6F74
- 495559
- 343D40
- 202629
- 0E1213
- 020203
Tones
- BAD4DD
- B4CBD2
- ADC1C8
- A7B7BD
- A0AEB3
- 9AA5A8
- 939B9E
- 8D9294
- 86898A
Farbharmonien
Komplementär +180°
- C1DEE8
Breezy
- EDD2C8
≈ Sugarcane
Analog -30° +30°
- C1DEE8
Breezy
- C0E0DD
≈ Sea Breath
- C8DBEE
≈ Arctic Rain
Triadisch +120° +240°
- C1DEE8
Breezy
- E9D0DF
≈ Pale Flamingo
- DDD9C0
≈ Loafer
Geteilt komplementär +150° +210°
- C1DEE8
Breezy
- EED0D3
≈ Nursery
- E7D5C1
≈ Mother of Pearl
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.41:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.88:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 14.88:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--breezy: #c1dee8;
--breezy-rgb: 193 222 232;
--breezy-oklch: oklch(0.882 0.034 220.6);
}
.element {
color: var(--breezy);
background-color: hsl(195 46% 83%);
border-color: oklch(0.882 0.034 220.6);
}Tailwind CSS v4
@theme {
--color-breezy: #c1dee8;
--color-breezy-50: #ebf8fc;
--color-breezy-100: #dcebf0;
--color-breezy-200: #c6d8df;
--color-breezy-300: #a6bcc4;
--color-breezy-400: #89a3ac;
--color-breezy-500: #6e8c96;
--color-breezy-600: #5d767f;
--color-breezy-700: #4a5f65;
--color-breezy-800: #36454a;
--color-breezy-900: #253034;
--color-breezy-950: #131c1f;
}SCSS
$breezy: #c1dee8;
$breezy-rgb: 193, 222, 232;
$breezy-light: mix(#fff, $breezy, 20%);
$breezy-dark: mix(#000, $breezy, 20%);
.element {
color: $breezy;
box-shadow: 0 0 0 2px rgba($breezy, 0.35);
}