Benannte Farbe · #2E5467
Deep Dive
Deep Dive ist #2E5467: rgb(46 84 103), hsl(200 38% 29%), oklch(0.426 0.054 231.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Deep Dive color name →
#2E5467
oklch(0.426 0.054 231.6)
Farbumrechnungen
- HEX
- #2e5467
- RGB
- rgb(46 84 103)
- HSL
- hsl(200 38% 29%)
- HWB
- hwb(200 18% 60%)
- OKLCH
- oklch(0.426 0.054 231.6)
- OKLab
- oklab(0.426 -0.033 -0.042)
- CIE Lab
- lab(33.53 -9.53 -15.47)
- LCH
- lch(33.53 18.17 238.4)
- CMYK
- cmyk(55% 18% 0% 60%)
Tints · Shades · Tones
Tints
- 426475
- 567484
- 6A8492
- 7E95A1
- 92A6B0
- A7B7C0
- BDC9CF
- D2DBDF
- E9EDEF
Shades
- 274859
- 1F3C4B
- 18313D
- 122630
- 0B1B23
- 061117
- 02080C
- 010204
- 000000
Tones
- 37586A
- 3F5D6C
- 48616F
- 506671
- 586A74
- 606E76
- 687379
- 70777B
- 787C7E
Farbharmonien
Komplementär +180°
- 2E5467
Deep Dive
- 664633
≈ Copra
Analog -30° +30°
- 2E5467
Deep Dive
- 26575B
≈ Sea Challenge
- 3E4F6C
≈ Ensign Blue
Triadisch +120° +240°
- 2E5467
Deep Dive
- 664252
≈ Delicious Berry
- 4F522E
≈ Warplock Bronze
Geteilt komplementär +150° +210°
- 2E5467
Deep Dive
- 694342
≈ Twinberry
- 5E4C2B
≈ Nightingale
Tetradisch +90° +180° +270°
- 2E5467
Deep Dive
- 5D4560
≈ Pansy Petal
- 664633
≈ Copra
- 3E563B
≈ Ficus
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.13:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.58:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.13:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--deep-dive: #2e5467;
--deep-dive-rgb: 46 84 103;
--deep-dive-oklch: oklch(0.426 0.054 231.6);
}
.element {
color: var(--deep-dive);
background-color: hsl(200 38% 29%);
border-color: oklch(0.426 0.054 231.6);
}Tailwind CSS v4
@theme {
--color-deep-dive: #2e5467;
--color-deep-dive-50: #e7f8ff;
--color-deep-dive-100: #d7ebf7;
--color-deep-dive-200: #bfd9e8;
--color-deep-dive-300: #9dbdcf;
--color-deep-dive-400: #7fa5b9;
--color-deep-dive-500: #618da4;
--color-deep-dive-600: #53778a;
--color-deep-dive-700: #425f6f;
--color-deep-dive-800: #2f4651;
--color-deep-dive-900: #203139;
--color-deep-dive-950: #0f1d23;
}SCSS
$deep-dive: #2e5467;
$deep-dive-rgb: 46, 84, 103;
$deep-dive-light: mix(#fff, $deep-dive, 20%);
$deep-dive-dark: mix(#000, $deep-dive, 20%);
.element {
color: $deep-dive;
box-shadow: 0 0 0 2px rgba($deep-dive, 0.35);
}