Benannte Farbe · #96C6CD
Adriatic Haze
Adriatic Haze ist #96C6CD: rgb(150 198 205), hsl(188 35% 70%), oklch(0.795 0.051 207.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Adriatic Haze color name →
#96C6CD
oklch(0.795 0.051 207.3)
Farbumrechnungen
- HEX
- #96c6cd
- RGB
- rgb(150 198 205)
- HSL
- hsl(188 35% 70%)
- HWB
- hwb(188 59% 20%)
- OKLCH
- oklch(0.795 0.051 207.3)
- OKLab
- oklab(0.795 -0.046 -0.023)
- CIE Lab
- lab(76.66 -15.1 -8.92)
- LCH
- lch(76.66 17.54 210.6)
- CMYK
- cmyk(27% 3% 0% 20%)
Tints · Shades · Tones
Tints
- A1CCD2
- ABD1D7
- B6D7DC
- C0DDE1
- CBE2E6
- D5E8EB
- E0EEF0
- EAF4F5
- F5F9FA
Shades
- 82ACB2
- 6E9298
- 5B7A7E
- 496266
- 374B4E
- 263538
- 162123
- 080E0F
- 010202
Tones
- 94BFC5
- 92B8BD
- 90B1B5
- 8EA9AD
- 8CA2A6
- 8A9B9E
- 879596
- 858E8F
- 838787
Farbharmonien
Komplementär +180°
- 96C6CD
Adriatic Haze
- DBB0AA
≈ Borlotti Bean
Analog -30° +30°
- 96C6CD
Adriatic Haze
- 9AC7BC
≈ Cool Juniper
- 9EC2D9
≈ Angel Sol
Triadisch +120° +240°
- 96C6CD
Adriatic Haze
- CFB1CD
≈ Lavender Knoll
- CABB97
≈ Stone Guardians
Geteilt komplementär +150° +210°
- 96C6CD
Adriatic Haze
- D9AFBC
≈ Pentalon
- D6B59D
≈ Kraft Paper
Tetradisch +90° +180° +270°
- 96C6CD
Adriatic Haze
- BFB6DA
≈ Tinted Iris
- DBB0AA
≈ Borlotti Bean
- B9C19C
≈ Beige and Sage
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.86:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.25:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--adriatic-haze: #96c6cd;
--adriatic-haze-rgb: 150 198 205;
--adriatic-haze-oklch: oklch(0.795 0.051 207.3);
}
.element {
color: var(--adriatic-haze);
background-color: hsl(188 35% 70%);
border-color: oklch(0.795 0.051 207.3);
}Tailwind CSS v4
@theme {
--color-adriatic-haze: #96c6cd;
--color-adriatic-haze-50: #e5fafd;
--color-adriatic-haze-100: #d5edf1;
--color-adriatic-haze-200: #bcdbe0;
--color-adriatic-haze-300: #9abfc6;
--color-adriatic-haze-400: #7ba7ae;
--color-adriatic-haze-500: #5c9098;
--color-adriatic-haze-600: #4f7a80;
--color-adriatic-haze-700: #3f6267;
--color-adriatic-haze-800: #2d484b;
--color-adriatic-haze-900: #1e3234;
--color-adriatic-haze-950: #0e1e1f;
}SCSS
$adriatic-haze: #96c6cd;
$adriatic-haze-rgb: 150, 198, 205;
$adriatic-haze-light: mix(#fff, $adriatic-haze, 20%);
$adriatic-haze-dark: mix(#000, $adriatic-haze, 20%);
.element {
color: $adriatic-haze;
box-shadow: 0 0 0 2px rgba($adriatic-haze, 0.35);
}