Benannte Farbe · #005986
Sea Cave
Sea Cave ist #005986: rgb(0 89 134), hsl(200 100% 26%), oklch(0.443 0.103 240.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Sea Cave color name →
#005986
oklch(0.443 0.103 240.6)
Farbumrechnungen
- HEX
- #005986
- RGB
- rgb(0 89 134)
- HSL
- hsl(200 100% 26%)
- HWB
- hwb(200 0% 47%)
- OKLCH
- oklch(0.443 0.103 240.6)
- OKLab
- oklab(0.443 -0.05 -0.089)
- CIE Lab
- lab(35.22 -9.64 -32.08)
- LCH
- lch(35.22 33.5 253.3)
- CMYK
- cmyk(100% 34% 0% 47%)
Tints · Shades · Tones
Tints
- 296992
- 43799E
- 5B89AA
- 7299B6
- 89AAC3
- A0BBCF
- B7CBDB
- CFDCE7
- E7EEF3
Shades
- 004C74
- 004062
- 003451
- 002840
- 001D30
- 001321
- 000913
- 000306
- 000001
Tones
- 1B5D86
- 2B6286
- 386685
- 436A85
- 4E6E84
- 597184
- 637583
- 6D7982
- 767C81
Farbharmonien
Komplementär +180°
- 005986
Sea Cave
- 7B4302
≈ Dusky Brown
Analog -30° +30°
- 005986
Sea Cave
- 005E6B
≈ Fish Tale
- 3E4E8C
≈ Jazzy Blue
Triadisch +120° +240°
- 005986
Sea Cave
- 7F3850
≈ Velvet Rose
- 4C5B07
≈ Kyuri Green
Geteilt komplementär +150° +210°
- 005986
Sea Cave
- 833A2F
≈ Grill Master
- 665000
≈ Olive Brown
Tetradisch +90° +180° +270°
- 005986
Sea Cave
- 733C6E
≈ Burnt Orchid
- 7B4302
≈ Dusky Brown
- 1D6334
≈ Bucolic
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.57:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.77:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.57:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--sea-cave: #005986;
--sea-cave-rgb: 0 89 134;
--sea-cave-oklch: oklch(0.443 0.103 240.6);
}
.element {
color: var(--sea-cave);
background-color: hsl(200 100% 26%);
border-color: oklch(0.443 0.103 240.6);
}Tailwind CSS v4
@theme {
--color-sea-cave: #005986;
--color-sea-cave-50: #ddf9ff;
--color-sea-cave-100: #cbedff;
--color-sea-cave-200: #afdafd;
--color-sea-cave-300: #89bee8;
--color-sea-cave-400: #63a6d5;
--color-sea-cave-500: #3c8ec3;
--color-sea-cave-600: #3478a5;
--color-sea-cave-700: #2a6084;
--color-sea-cave-800: #1a4762;
--color-sea-cave-900: #113145;
--color-sea-cave-950: #041d2c;
}SCSS
$sea-cave: #005986;
$sea-cave-rgb: 0, 89, 134;
$sea-cave-light: mix(#fff, $sea-cave, 20%);
$sea-cave-dark: mix(#000, $sea-cave, 20%);
.element {
color: $sea-cave;
box-shadow: 0 0 0 2px rgba($sea-cave, 0.35);
}