Benannte Farbe · #B9CEE0
Impressionist Sky
Impressionist Sky ist #B9CEE0: rgb(185 206 224), hsl(208 39% 80%), oklch(0.841 0.034 244). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Impressionist Sky color name →
#B9CEE0
oklch(0.841 0.034 244)
Farbumrechnungen
- HEX
- #b9cee0
- RGB
- rgb(185 206 224)
- HSL
- hsl(208 39% 80%)
- HWB
- hwb(208 73% 12%)
- OKLCH
- oklch(0.841 0.034 244)
- OKLab
- oklab(0.841 -0.015 -0.031)
- CIE Lab
- lab(81.6 -4.54 -11.47)
- LCH
- lch(81.6 12.34 248.4)
- CMYK
- cmyk(17% 8% 0% 12%)
Tints · Shades · Tones
Tints
- C0D3E3
- C7D8E6
- CEDDE9
- D5E1EC
- DCE6F0
- E3EBF3
- EAF0F6
- F1F5F9
- F8FAFC
Shades
- A0B3C3
- 8998A6
- 717F8A
- 5B6670
- 464E56
- 31383E
- 1E2327
- 0D0F12
- 020202
Tones
- B3C6D6
- ADBECC
- A8B6C2
- A2AEB9
- 9CA6AF
- 969EA5
- 91979C
- 8B8F92
- 868889
Farbharmonien
Komplementär +180°
- B9CEE0
Impressionist Sky
- DBC7B5
≈ Cocoa Cream
Analog -30° +30°
- B9CEE0
Impressionist Sky
- B3D1D9
≈ Midsummer’s Dream
- C4CAE2
≈ Silver Sweetpea
Triadisch +120° +240°
- B9CEE0
Impressionist Sky
- DFC2C8
≈ Bunny Pink
- C6CFB7
≈ Tender Greens
Geteilt komplementär +150° +210°
- B9CEE0
Impressionist Sky
- E0C4BD
≈ Golden Guernsey
- D2CBB3
≈ Asparagus Green
Tetradisch +90° +180° +270°
- B9CEE0
Impressionist Sky
- D9C3D4
≈ Chinaberry Bloom
- DBC7B5
≈ Cocoa Cream
- BBD2C1
≈ Spray of Mint
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.96:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.96:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--impressionist-sky: #b9cee0;
--impressionist-sky-rgb: 185 206 224;
--impressionist-sky-oklch: oklch(0.841 0.034 244);
}
.element {
color: var(--impressionist-sky);
background-color: hsl(208 39% 80%);
border-color: oklch(0.841 0.034 244);
}Tailwind CSS v4
@theme {
--color-impressionist-sky: #b9cee0;
--color-impressionist-sky-50: #eef6ff;
--color-impressionist-sky-100: #dfe9f3;
--color-impressionist-sky-200: #c9d6e2;
--color-impressionist-sky-300: #aabac8;
--color-impressionist-sky-400: #8ea1b1;
--color-impressionist-sky-500: #74899b;
--color-impressionist-sky-600: #627483;
--color-impressionist-sky-700: #4e5d69;
--color-impressionist-sky-800: #38444d;
--color-impressionist-sky-900: #272f36;
--color-impressionist-sky-950: #151c21;
}SCSS
$impressionist-sky: #b9cee0;
$impressionist-sky-rgb: 185, 206, 224;
$impressionist-sky-light: mix(#fff, $impressionist-sky, 20%);
$impressionist-sky-dark: mix(#000, $impressionist-sky, 20%);
.element {
color: $impressionist-sky;
box-shadow: 0 0 0 2px rgba($impressionist-sky, 0.35);
}