Benannte Farbe · #051040
Deep Cove
Deep Cove ist #051040: rgb(5 16 64), hsl(229 86% 14%), oklch(0.204 0.092 266.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Deep Cove color name →
#051040
oklch(0.204 0.092 266.5)
Farbumrechnungen
- HEX
- #051040
- RGB
- rgb(5 16 64)
- HSL
- hsl(229 86% 14%)
- HWB
- hwb(229 2% 75%)
- OKLCH
- oklch(0.204 0.092 266.5)
- OKLab
- oklab(0.204 -0.006 -0.092)
- CIE Lab
- lab(6.47 12.17 -32.4)
- LCH
- lch(6.47 34.61 290.6)
- CMYK
- cmyk(92% 75% 0% 75%)
Tints · Shades · Tones
Tints
- 172652
- 2C3C65
- 435277
- 5B698A
- 74819D
- 8E99B0
- A9B1C4
- C5CBD7
- E2E5EB
Shades
- 040C36
- 03092D
- 020624
- 01041B
- 010213
- 00010B
- 000005
- 000001
- 000000
Tones
- 0E1C47
- 19274E
- 243255
- 303D5B
- 3D4862
- 4A5368
- 575E6E
- 646974
- 72747A
Farbharmonien
Komplementär +180°
- 051040
Deep Cove
- 1F1500
≈ Super Black
Analog -30° +30°
- 051040
Deep Cove
- 001A28
≈ Oxford by Night
- 1D073B
≈ Middle Red Purple
Triadisch +120° +240°
- 051040
Deep Cove
- 340002
≈ Old Brown Crayon
- 001E04
≈ Rainforest Nights
Geteilt komplementär +150° +210°
- 051040
Deep Cove
- 271000
≈ Severely Burnt Toast
- 161900
≈ Pinch of Pepper
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 18.18:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.15:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 18.18:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--deep-cove: #051040;
--deep-cove-rgb: 5 16 64;
--deep-cove-oklch: oklch(0.204 0.092 266.5);
}
.element {
color: var(--deep-cove);
background-color: hsl(229 86% 14%);
border-color: oklch(0.204 0.092 266.5);
}Tailwind CSS v4
@theme {
--color-deep-cove: #051040;
--color-deep-cove-50: #eaf5ff;
--color-deep-cove-100: #dbe7ff;
--color-deep-cove-200: #c4d4fd;
--color-deep-cove-300: #a3b6e8;
--color-deep-cove-400: #859dd6;
--color-deep-cove-500: #6a84c4;
--color-deep-cove-600: #5a70a5;
--color-deep-cove-700: #485985;
--color-deep-cove-800: #324262;
--color-deep-cove-900: #222d45;
--color-deep-cove-950: #111a2d;
}SCSS
$deep-cove: #051040;
$deep-cove-rgb: 5, 16, 64;
$deep-cove-light: mix(#fff, $deep-cove, 20%);
$deep-cove-dark: mix(#000, $deep-cove, 20%);
.element {
color: $deep-cove;
box-shadow: 0 0 0 2px rgba($deep-cove, 0.35);
}