Benannte Farbe · #374874
Daring Indigo
Daring Indigo ist #374874: rgb(55 72 116), hsl(223 36% 34%), oklch(0.409 0.077 267). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Daring Indigo color name →
#374874
oklch(0.409 0.077 267)
Farbumrechnungen
- HEX
- #374874
- RGB
- rgb(55 72 116)
- HSL
- hsl(223 36% 34%)
- HWB
- hwb(223 22% 55%)
- OKLCH
- oklch(0.409 0.077 267)
- OKLab
- oklab(0.409 -0.004 -0.077)
- CIE Lab
- lab(30.77 3.56 -27.81)
- LCH
- lch(30.77 28.03 277.3)
- CMYK
- cmyk(53% 38% 0% 55%)
Tints · Shades · Tones
Tints
- 495982
- 5B6A8F
- 6E7C9D
- 818DAB
- 95A0B9
- A9B2C7
- BEC5D5
- D3D8E3
- E9EBF1
Shades
- 2E3D64
- 263354
- 1E2945
- 161F37
- 0F1629
- 080D1B
- 03060F
- 010205
- 000001
Tones
- 3E4E76
- 455377
- 4C5979
- 535F7A
- 5A647B
- 626A7C
- 696F7D
- 71757E
- 787A7F
Farbharmonien
Komplementär +180°
- 374874
Daring Indigo
- 5C470C
≈ Mud Brown
Analog -30° +30°
- 374874
Daring Indigo
- 16506E
≈ Captain Blue
- 4F406F
≈ Izmir Purple
Triadisch +120° +240°
- 374874
Daring Indigo
- 6E3833
≈ Sanguine Brown
- 2B5530
≈ Kaitoke Green
Geteilt komplementär +150° +210°
- 374874
Daring Indigo
- 693E1B
≈ Satoimo Brown
- 474F18
≈ Verdun Green
Tetradisch +90° +180° +270°
- 374874
Daring Indigo
- 6B374B
≈ Cabernet Craving
- 5C470C
≈ Mud Brown
- 005749
≈ Forest Shadows
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.96:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.34:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.96:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--daring-indigo: #374874;
--daring-indigo-rgb: 55 72 116;
--daring-indigo-oklch: oklch(0.409 0.077 267);
}
.element {
color: var(--daring-indigo);
background-color: hsl(223 36% 34%);
border-color: oklch(0.409 0.077 267);
}Tailwind CSS v4
@theme {
--color-daring-indigo: #374874;
--color-daring-indigo-50: #ecf5ff;
--color-daring-indigo-100: #dde7ff;
--color-daring-indigo-200: #c7d4f6;
--color-daring-indigo-300: #a7b6e0;
--color-daring-indigo-400: #8a9ecd;
--color-daring-indigo-500: #6f85ba;
--color-daring-indigo-600: #5e709d;
--color-daring-indigo-700: #4b5a7e;
--color-daring-indigo-800: #35425d;
--color-daring-indigo-900: #242e41;
--color-daring-indigo-950: #131a2a;
}SCSS
$daring-indigo: #374874;
$daring-indigo-rgb: 55, 72, 116;
$daring-indigo-light: mix(#fff, $daring-indigo, 20%);
$daring-indigo-dark: mix(#000, $daring-indigo, 20%);
.element {
color: $daring-indigo;
box-shadow: 0 0 0 2px rgba($daring-indigo, 0.35);
}