Benannte Farbe · #9EACB1
Pelican Bay
Pelican Bay ist #9EACB1: rgb(158 172 177), hsl(196 11% 66%), oklch(0.735 0.017 221.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pelican Bay color name →
#9EACB1
oklch(0.735 0.017 221.1)
Farbumrechnungen
- HEX
- #9eacb1
- RGB
- rgb(158 172 177)
- HSL
- hsl(196 11% 66%)
- HWB
- hwb(196 62% 31%)
- OKLCH
- oklch(0.735 0.017 221.1)
- OKLab
- oklab(0.735 -0.013 -0.011)
- CIE Lab
- lab(69.36 -4.31 -4.35)
- LCH
- lch(69.36 6.12 225.2)
- CMYK
- cmyk(11% 3% 0% 31%)
Tints · Shades · Tones
Tints
- A7B4B9
- B1BCC0
- BAC4C8
- C4CCD0
- CED5D7
- D7DDDF
- E1E5E7
- EBEEEF
- F5F6F7
Shades
- 899599
- 747F83
- 60696C
- 4D5457
- 3A4042
- 292D2F
- 181B1C
- 090B0C
- 010101
Tones
- 9BA8AC
- 98A3A7
- 959FA2
- 929A9D
- 8F9698
- 8C9193
- 898D8E
- 86898A
- 838485
Farbharmonien
Komplementär +180°
- 9EACB1
Pelican Bay
- B3A6A1
≈ Lavender Suede
Analog -30° +30°
- 9EACB1
Pelican Bay
- 9EADAC
≈ Prince Grey
- A2AAB4
≈ Chateau de Chillon
Triadisch +120° +240°
- 9EACB1
Pelican Bay
- B1A5AC
≈ Beguiling Mauve
- ABAA9E
≈ Winter Rye
Geteilt komplementär +150° +210°
- 9EACB1
Pelican Bay
- B4A5A6
≈ Cool Lavender
- B0A89E
≈ Cloudy Desert
Tetradisch +90° +180° +270°
- 9EACB1
Pelican Bay
- ADA6B1
≈ Elderberry Grey
- B3A6A1
≈ Lavender Suede
- A5ACA0
≈ Gracious Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.33:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.98:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.98:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--pelican-bay: #9eacb1;
--pelican-bay-rgb: 158 172 177;
--pelican-bay-oklch: oklch(0.735 0.017 221.1);
}
.element {
color: var(--pelican-bay);
background-color: hsl(196 11% 66%);
border-color: oklch(0.735 0.017 221.1);
}Tailwind CSS v4
@theme {
--color-pelican-bay: #9eacb1;
--color-pelican-bay-50: #f0f6f9;
--color-pelican-bay-100: #e2e9ec;
--color-pelican-bay-200: #cdd6da;
--color-pelican-bay-300: #aebabe;
--color-pelican-bay-400: #94a1a6;
--color-pelican-bay-500: #7a898e;
--color-pelican-bay-600: #687478;
--color-pelican-bay-700: #535d60;
--color-pelican-bay-800: #3c4446;
--color-pelican-bay-900: #292f31;
--color-pelican-bay-950: #171b1d;
}SCSS
$pelican-bay: #9eacb1;
$pelican-bay-rgb: 158, 172, 177;
$pelican-bay-light: mix(#fff, $pelican-bay, 20%);
$pelican-bay-dark: mix(#000, $pelican-bay, 20%);
.element {
color: $pelican-bay;
box-shadow: 0 0 0 2px rgba($pelican-bay, 0.35);
}