Benannte Farbe · #9AB8C2
Shallow Sea
Shallow Sea ist #9AB8C2: rgb(154 184 194), hsl(195 25% 68%), oklch(0.763 0.036 220). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Shallow Sea color name →
#9AB8C2
oklch(0.763 0.036 220)
Farbumrechnungen
- HEX
- #9ab8c2
- RGB
- rgb(154 184 194)
- HSL
- hsl(195 25% 68%)
- HWB
- hwb(195 60% 24%)
- OKLCH
- oklch(0.763 0.036 220)
- OKLab
- oklab(0.763 -0.027 -0.023)
- CIE Lab
- lab(72.77 -8.91 -8.67)
- LCH
- lch(72.77 12.43 224.2)
- CMYK
- cmyk(21% 5% 0% 24%)
Tints · Shades · Tones
Tints
- A4BFC8
- AEC6CE
- B8CDD4
- C2D4DA
- CCDBE0
- D6E2E6
- E0E9EC
- EAF1F3
- F5F8F9
Shades
- 85A0A8
- 71888F
- 5E7177
- 4B5B60
- 394549
- 273134
- 171E20
- 090C0E
- 010202
Tones
- 98B2BB
- 95ADB4
- 92A7AE
- 90A1A7
- 8D9CA0
- 8B969A
- 889093
- 858B8D
- 838586
Farbharmonien
Komplementär +180°
- 9AB8C2
Shallow Sea
- C7ABA1
≈ Floral Arrangement
Analog -30° +30°
- 9AB8C2
Shallow Sea
- 99BAB7
≈ Lap Pool Blue
- A2B4C9
≈ Posey Blue
Triadisch +120° +240°
- 9AB8C2
Shallow Sea
- C3AAB9
≈ Breathtaking Evening
- B7B39A
≈ Flour Sack
Geteilt komplementär +150° +210°
- 9AB8C2
Shallow Sea
- C8A9AD
≈ Dutchess Dawn
- C1AF9A
≈ Timber Dust
Tetradisch +90° +180° +270°
- 9AB8C2
Shallow Sea
- B9ACC4
≈ Lavender Frost
- C7ABA1
≈ Floral Arrangement
- ABB7A0
≈ Laurel Mist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.09:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.00:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--shallow-sea: #9ab8c2;
--shallow-sea-rgb: 154 184 194;
--shallow-sea-oklch: oklch(0.763 0.036 220);
}
.element {
color: var(--shallow-sea);
background-color: hsl(195 25% 68%);
border-color: oklch(0.763 0.036 220);
}Tailwind CSS v4
@theme {
--color-shallow-sea: #9ab8c2;
--color-shallow-sea-50: #ebf8fd;
--color-shallow-sea-100: #dcebf0;
--color-shallow-sea-200: #c5d8df;
--color-shallow-sea-300: #a4bcc5;
--color-shallow-sea-400: #88a4ad;
--color-shallow-sea-500: #6c8c97;
--color-shallow-sea-600: #5c777f;
--color-shallow-sea-700: #495f66;
--color-shallow-sea-800: #35464b;
--color-shallow-sea-900: #243034;
--color-shallow-sea-950: #131c1f;
}SCSS
$shallow-sea: #9ab8c2;
$shallow-sea-rgb: 154, 184, 194;
$shallow-sea-light: mix(#fff, $shallow-sea, 20%);
$shallow-sea-dark: mix(#000, $shallow-sea, 20%);
.element {
color: $shallow-sea;
box-shadow: 0 0 0 2px rgba($shallow-sea, 0.35);
}