Benannte Farbe · #395D68
Under the Sea
Under the Sea ist #395D68: rgb(57 93 104), hsl(194 29% 32%), oklch(0.456 0.045 219.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Under the Sea color name →
#395D68
oklch(0.456 0.045 219.3)
Farbumrechnungen
- HEX
- #395d68
- RGB
- rgb(57 93 104)
- HSL
- hsl(194 29% 32%)
- HWB
- hwb(194 22% 59%)
- OKLCH
- oklch(0.456 0.045 219.3)
- OKLab
- oklab(0.456 -0.035 -0.028)
- CIE Lab
- lab(37.11 -11.02 -10.62)
- LCH
- lch(37.11 15.3 223.9)
- CMYK
- cmyk(45% 11% 0% 59%)
Tints · Shades · Tones
Tints
- 4C6C76
- 5E7B84
- 718B93
- 859BA2
- 98ABB1
- ACBBC0
- C0CCCF
- D5DDDF
- EAEEEF
Shades
- 305059
- 28434B
- 1F373E
- 172A30
- 101F24
- 091418
- 040A0C
- 010304
- 000000
Tones
- 41616A
- 48646D
- 4F686F
- 566B72
- 5D6F74
- 647276
- 6B7679
- 72797B
- 797D7E
Farbharmonien
Komplementär +180°
- 395D68
Under the Sea
- 6D4E44
≈ Chocolate Sprinkle
Analog -30° +30°
- 395D68
Under the Sea
- 385F5C
≈ Royal Pine
- 43596F
≈ Infinite Deep Sea
Triadisch +120° +240°
- 395D68
Under the Sea
- 684D5F
≈ Vicarious Violet
- 5D583A
≈ Tuscan Olive
Geteilt komplementär +150° +210°
- 395D68
Under the Sea
- 6D4D51
≈ Flamboyant Plum
- 67533B
≈ Desert Palm
Tetradisch +90° +180° +270°
- 395D68
Under the Sea
- 5E506A
≈ Blackcurrant Elixir
- 6D4E44
≈ Chocolate Sprinkle
- 4F5C41
≈ Bavarian
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.14:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.93:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.14:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--under-the-sea: #395d68;
--under-the-sea-rgb: 57 93 104;
--under-the-sea-oklch: oklch(0.456 0.045 219.3);
}
.element {
color: var(--under-the-sea);
background-color: hsl(194 29% 32%);
border-color: oklch(0.456 0.045 219.3);
}Tailwind CSS v4
@theme {
--color-under-the-sea: #395d68;
--color-under-the-sea-50: #e8f8fe;
--color-under-the-sea-100: #d8ecf3;
--color-under-the-sea-200: #c0d9e2;
--color-under-the-sea-300: #9fbdc8;
--color-under-the-sea-400: #81a5b1;
--color-under-the-sea-500: #648e9b;
--color-under-the-sea-600: #557883;
--color-under-the-sea-700: #446069;
--color-under-the-sea-800: #30464d;
--color-under-the-sea-900: #213135;
--color-under-the-sea-950: #101d20;
}SCSS
$under-the-sea: #395d68;
$under-the-sea-rgb: 57, 93, 104;
$under-the-sea-light: mix(#fff, $under-the-sea, 20%);
$under-the-sea-dark: mix(#000, $under-the-sea, 20%);
.element {
color: $under-the-sea;
box-shadow: 0 0 0 2px rgba($under-the-sea, 0.35);
}