Benannte Farbe · #3311AA
Deep Daijin Blue
Deep Daijin Blue ist #3311AA: rgb(51 17 170), hsl(253 82% 37%), oklch(0.368 0.212 278.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Deep Daijin Blue color name →
#3311AA
oklch(0.368 0.212 278.1)
Farbumrechnungen
- HEX
- #3311aa
- RGB
- rgb(51 17 170)
- HSL
- hsl(253 82% 37%)
- HWB
- hwb(253 7% 33%)
- OKLCH
- oklch(0.368 0.212 278.1)
- OKLab
- oklab(0.368 0.03 -0.21)
- CIE Lab
- lab(22.21 47.86 -74.94)
- LCH
- lch(22.21 88.92 302.6)
- CMYK
- cmyk(70% 90% 0% 33%)
Tints · Shades · Tones
Tints
- 4036B5
- 4F50BF
- 6267C8
- 757DD2
- 8A93DA
- A0A8E3
- B7BEEB
- CED3F2
- E6E9F9
Shades
- 2B0D93
- 23097D
- 1C0668
- 140453
- 0D023F
- 07012D
- 03001B
- 01000B
- 000001
Tones
- 3728A7
- 3C37A4
- 4243A1
- 4A4D9D
- 515799
- 5A6095
- 636891
- 6C718C
- 767886
Farbharmonien
Komplementär +180°
- 3311AA
Deep Daijin Blue
- 4A3F00
≈ Xanthophobia
Analog -30° +30°
- 3311AA
Deep Daijin Blue
- 004170
≈ Indigo Dye
- 5B0088
≈ SQL Injection Purple
Triadisch +120° +240°
- 3311AA
Deep Daijin Blue
- 701F00
≈ Cedar Wood Finish
- 004C2D
≈ Troll Green
Geteilt komplementär +150° +210°
- 3311AA
Deep Daijin Blue
- 5A3600
≈ Eyelash Camel
- 304800
≈ Garden Shadow
Tetradisch +90° +180° +270°
- 3311AA
Deep Daijin Blue
- 780030
≈ Bordeaux
- 4A3F00
≈ Xanthophobia
- 004A45
≈ Tropical Forest
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.65:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.80:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 11.65:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--deep-daijin-blue: #3311aa;
--deep-daijin-blue-rgb: 51 17 170;
--deep-daijin-blue-oklch: oklch(0.368 0.212 278.1);
}
.element {
color: var(--deep-daijin-blue);
background-color: hsl(253 82% 37%);
border-color: oklch(0.368 0.212 278.1);
}Tailwind CSS v4
@theme {
--color-deep-daijin-blue: #3311aa;
--color-deep-daijin-blue-50: #e9efff;
--color-deep-daijin-blue-100: #dae1ff;
--color-deep-daijin-blue-200: #c3caff;
--color-deep-daijin-blue-300: #a4a8ff;
--color-deep-daijin-blue-400: #858bff;
--color-deep-daijin-blue-500: #6d6aff;
--color-deep-daijin-blue-600: #5c5ae3;
--color-deep-daijin-blue-700: #4948b7;
--color-deep-daijin-blue-800: #32358a;
--color-deep-daijin-blue-900: #222461;
--color-deep-daijin-blue-950: #121243;
}SCSS
$deep-daijin-blue: #3311aa;
$deep-daijin-blue-rgb: 51, 17, 170;
$deep-daijin-blue-light: mix(#fff, $deep-daijin-blue, 20%);
$deep-daijin-blue-dark: mix(#000, $deep-daijin-blue, 20%);
.element {
color: $deep-daijin-blue;
box-shadow: 0 0 0 2px rgba($deep-daijin-blue, 0.35);
}