Benannte Farbe · #052462
Black Sea Night
Black Sea Night ist #052462: rgb(5 36 98), hsl(220 90% 20%), oklch(0.285 0.116 261.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Black Sea Night color name →
#052462
oklch(0.285 0.116 261.9)
Farbumrechnungen
- HEX
- #052462
- RGB
- rgb(5 36 98)
- HSL
- hsl(220 90% 20%)
- HWB
- hwb(220 2% 62%)
- OKLCH
- oklch(0.285 0.116 261.9)
- OKLab
- oklab(0.285 -0.016 -0.115)
- CIE Lab
- lab(15.69 11.25 -40.55)
- LCH
- lch(15.69 42.08 285.5)
- CMYK
- cmyk(95% 63% 0% 62%)
Tints · Shades · Tones
Tints
- 1C3972
- 324E82
- 496391
- 6178A1
- 7A8EB1
- 93A3C0
- ADBAD0
- C8D0E0
- E3E8EF
Shades
- 041E54
- 031847
- 02123A
- 010C2D
- 010721
- 000416
- 00020B
- 000003
- 000000
Tones
- 122E66
- 1E386A
- 2A416D
- 364A70
- 425374
- 4E5C76
- 5A6579
- 666E7C
- 73777E
Farbharmonien
Komplementär +180°
- 052462
Black Sea Night
- 382700
≈ Secret Passage
Analog -30° +30°
- 052462
Black Sea Night
- 002F42
≈ Nordic Noir
- 2E185D
≈ Night Fog
Triadisch +120° +240°
- 052462
Black Sea Night
- 56000D
≈ Saving Light
- 023500
≈ Dark Green
Geteilt komplementär +150° +210°
- 052462
Black Sea Night
- 451D00
≈ Chocolate Castle
- 2B2D00
≈ Darkest Forest
Tetradisch +90° +180° +270°
- 052462
Black Sea Night
- 500230
≈ Fig Balsamic
- 382700
≈ Secret Passage
- 003327
≈ Coach Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 14.63:1 · APCA Lc 101
Ag
FailAuf Schwarz
WCAG 1.43:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 14.63:1 (AAA) · APCA Lc 101
Contrast pairs
Code-Snippets
CSS
:root {
--black-sea-night: #052462;
--black-sea-night-rgb: 5 36 98;
--black-sea-night-oklch: oklch(0.285 0.116 261.9);
}
.element {
color: var(--black-sea-night);
background-color: hsl(220 90% 20%);
border-color: oklch(0.285 0.116 261.9);
}Tailwind CSS v4
@theme {
--color-black-sea-night: #052462;
--color-black-sea-night-50: #e4f6ff;
--color-black-sea-night-100: #d4e8ff;
--color-black-sea-night-200: #bbd5ff;
--color-black-sea-night-300: #99b7f3;
--color-black-sea-night-400: #789ee3;
--color-black-sea-night-500: #5b85d2;
--color-black-sea-night-600: #4d70b2;
--color-black-sea-night-700: #3d5a8f;
--color-black-sea-night-800: #2a426a;
--color-black-sea-night-900: #1c2e4b;
--color-black-sea-night-950: #0c1a31;
}SCSS
$black-sea-night: #052462;
$black-sea-night-rgb: 5, 36, 98;
$black-sea-night-light: mix(#fff, $black-sea-night, 20%);
$black-sea-night-dark: mix(#000, $black-sea-night, 20%);
.element {
color: $black-sea-night;
box-shadow: 0 0 0 2px rgba($black-sea-night, 0.35);
}