Benannte Farbe · #001440
Cetacean Blue
Cetacean Blue ist #001440: rgb(0 20 64), hsl(221 100% 13%), oklch(0.21 0.089 260.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Cetacean Blue color name →
#001440
oklch(0.21 0.089 260.6)
Farbumrechnungen
- HEX
- #001440
- RGB
- rgb(0 20 64)
- HSL
- hsl(221 100% 13%)
- HWB
- hwb(221 0% 75%)
- OKLCH
- oklch(0.21 0.089 260.6)
- OKLab
- oklab(0.21 -0.014 -0.088)
- CIE Lab
- lab(7.34 8.55 -31)
- LCH
- lch(7.34 32.16 285.4)
- CMYK
- cmyk(100% 69% 0% 75%)
Tints · Shades · Tones
Tints
- 122A52
- 293F65
- 405577
- 596B8A
- 73839D
- 8D9AB0
- A9B3C4
- C5CCD7
- E1E5EB
Shades
- 001036
- 000C2D
- 000824
- 00051B
- 000313
- 00010B
- 000105
- 000001
- 000000
Tones
- 081F47
- 152A4E
- 223454
- 2E3F5B
- 3B4961
- 485468
- 565F6E
- 646A74
- 72757A
Farbharmonien
Komplementär +180°
- 001440
Cetacean Blue
- 221600
≈ Cannon Black
Analog -30° +30°
- 001440
Cetacean Blue
- 001B28
≈ Oxford by Night
- 1A0B3D
≈ Middle Red Purple
Triadisch +120° +240°
- 001440
Cetacean Blue
- 360006
≈ 3AM Breakup
- 031F00
≈ Rainforest Nights
Geteilt komplementär +150° +210°
- 001440
Cetacean Blue
- 2B0F00
≈ Root Brew
- 1A1A00
≈ Noir Mystique
Tetradisch +90° +180° +270°
- 001440
Cetacean Blue
- 33001D
≈ Rhodophobia
- 221600
≈ Cannon Black
- 001E16
≈ Clock Chimes Thirteen
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 17.88:1 · APCA Lc 104
Ag
FailAuf Schwarz
WCAG 1.17:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 17.88:1 (AAA) · APCA Lc 104
Contrast pairs
Code-Snippets
CSS
:root {
--cetacean-blue: #001440;
--cetacean-blue-rgb: 0 20 64;
--cetacean-blue-oklch: oklch(0.21 0.089 260.6);
}
.element {
color: var(--cetacean-blue);
background-color: hsl(221 100% 13%);
border-color: oklch(0.21 0.089 260.6);
}Tailwind CSS v4
@theme {
--color-cetacean-blue: #001440;
--color-cetacean-blue-50: #e8f6ff;
--color-cetacean-blue-100: #d8e9ff;
--color-cetacean-blue-200: #c0d5fb;
--color-cetacean-blue-300: #9fb8e6;
--color-cetacean-blue-400: #809fd3;
--color-cetacean-blue-500: #6486c1;
--color-cetacean-blue-600: #5572a3;
--color-cetacean-blue-700: #445b83;
--color-cetacean-blue-800: #2f4361;
--color-cetacean-blue-900: #202e44;
--color-cetacean-blue-950: #0f1b2c;
}SCSS
$cetacean-blue: #001440;
$cetacean-blue-rgb: 0, 20, 64;
$cetacean-blue-light: mix(#fff, $cetacean-blue, 20%);
$cetacean-blue-dark: mix(#000, $cetacean-blue, 20%);
.element {
color: $cetacean-blue;
box-shadow: 0 0 0 2px rgba($cetacean-blue, 0.35);
}