Benannte Farbe · #9BBCC3
Bel Esprit
Bel Esprit ist #9BBCC3: rgb(155 188 195), hsl(190 25% 69%), oklch(0.773 0.037 212). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Bel Esprit color name →
#9BBCC3
oklch(0.773 0.037 212)
Farbumrechnungen
- HEX
- #9bbcc3
- RGB
- rgb(155 188 195)
- HSL
- hsl(190 25% 69%)
- HWB
- hwb(190 61% 24%)
- OKLCH
- oklch(0.773 0.037 212)
- OKLab
- oklab(0.773 -0.031 -0.02)
- CIE Lab
- lab(73.97 -10.38 -7.45)
- LCH
- lch(73.97 12.78 215.7)
- CMYK
- cmyk(21% 4% 0% 24%)
Tints · Shades · Tones
Tints
- A5C3C9
- AFC9CF
- B9D0D5
- C3D6DB
- CDDDE1
- D7E4E7
- E1EBED
- EBF1F3
- F5F8F9
Shades
- 86A3A9
- 728B90
- 5E7378
- 4B5D60
- 39474A
- 283234
- 181F20
- 090D0E
- 010202
Tones
- 98B6BC
- 96B0B5
- 93AAAE
- 91A4A8
- 8E9EA1
- 8B989A
- 889294
- 868C8D
- 838686
Farbharmonien
Komplementär +180°
- 9BBCC3
Bel Esprit
- CCADA7
≈ Lime Hawk Moth
Analog -30° +30°
- 9BBCC3
Bel Esprit
- 9CBDB7
≈ Nursery Wall
- A1B9CB
≈ Always Blue
Triadisch +120° +240°
- 9BBCC3
Bel Esprit
- C4ADC0
≈ Lavish Lavender
- BEB59B
≈ Polished Stone
Geteilt komplementär +150° +210°
- 9BBCC3
Bel Esprit
- CBACB3
≈ Scented Frill
- C7B19E
≈ Mink Haze
Tetradisch +90° +180° +270°
- 9BBCC3
Bel Esprit
- B9B0C9
≈ Violet Bouquet
- CCADA7
≈ Lime Hawk Moth
- B1B9A0
≈ Foille
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.02:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.37:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--bel-esprit: #9bbcc3;
--bel-esprit-rgb: 155 188 195;
--bel-esprit-oklch: oklch(0.773 0.037 212);
}
.element {
color: var(--bel-esprit);
background-color: hsl(190 25% 69%);
border-color: oklch(0.773 0.037 212);
}Tailwind CSS v4
@theme {
--color-bel-esprit: #9bbcc3;
--color-bel-esprit-50: #eaf8fc;
--color-bel-esprit-100: #dbebef;
--color-bel-esprit-200: #c3d9de;
--color-bel-esprit-300: #a3bdc3;
--color-bel-esprit-400: #86a5ab;
--color-bel-esprit-500: #6a8d94;
--color-bel-esprit-600: #5a777e;
--color-bel-esprit-700: #486065;
--color-bel-esprit-800: #344649;
--color-bel-esprit-900: #233033;
--color-bel-esprit-950: #121d1f;
}SCSS
$bel-esprit: #9bbcc3;
$bel-esprit-rgb: 155, 188, 195;
$bel-esprit-light: mix(#fff, $bel-esprit, 20%);
$bel-esprit-dark: mix(#000, $bel-esprit, 20%);
.element {
color: $bel-esprit;
box-shadow: 0 0 0 2px rgba($bel-esprit, 0.35);
}