Nächste benannte Farbe · #394BAF
#394BAF
Nächste benannte Farbe: Denim
#394BAF (rgb(57 75 175), hsl(231 51% 45%), oklch(0.458 0.16 271)) liegt am nächsten an der benannten Farbe Denim. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#394BAF
oklch(0.458 0.16 271)
Farbumrechnungen
- HEX
- #394baf
- RGB
- rgb(57 75 175)
- HSL
- hsl(231 51% 45%)
- HWB
- hwb(231 22% 31%)
- OKLCH
- oklch(0.458 0.16 271)
- OKLab
- oklab(0.458 0.003 -0.16)
- CIE Lab
- lab(35.11 19.43 -56.74)
- LCH
- lch(35.11 59.98 288.9)
- CMYK
- cmyk(67% 57% 0% 31%)
Tints · Shades · Tones
Tints
- 495EB8
- 5B70C1
- 6D82CA
- 8193D2
- 95A5DA
- A9B7E2
- BEC9EA
- D3DBF1
- E9EDF8
Shades
- 304098
- 283581
- 1F2B6B
- 172156
- 101741
- 090E2E
- 04061C
- 01020B
- 000001
Tones
- 3F52AB
- 4558A7
- 4C5EA3
- 53649F
- 5A699A
- 626E95
- 697391
- 71778B
- 787C86
Farbharmonien
Komplementär +180°
- 394BAF
Denim
- 6B5500
≈ Ayahuasca Vine
Analog -30° +30°
- 394BAF
Denim
- 005D8D
≈ Mamala Bay
- 683AA1
≈ Purple Heart
Triadisch +120° +240°
- 394BAF
Denim
- 9D2414
≈ Burnt Red
- 006A31
≈ Ireland Green
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.50:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.79:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--denim: #394baf;
--denim-rgb: 57 75 175;
--denim-oklch: oklch(0.458 0.16 271);
}
.element {
color: var(--denim);
background-color: hsl(231 51% 45%);
border-color: oklch(0.458 0.16 271);
}Tailwind CSS v4
@theme {
--color-denim: #394baf;
--color-denim-50: #e5f3ff;
--color-denim-100: #d6e5ff;
--color-denim-200: #bdd0ff;
--color-denim-300: #9cb1ff;
--color-denim-400: #7c97fc;
--color-denim-500: #617bef;
--color-denim-600: #5268c9;
--color-denim-700: #4153a2;
--color-denim-800: #2c3d79;
--color-denim-900: #1e2a56;
--color-denim-950: #0e173a;
}SCSS
$denim: #394baf;
$denim-rgb: 57, 75, 175;
$denim-light: mix(#fff, $denim, 20%);
$denim-dark: mix(#000, $denim, 20%);
.element {
color: $denim;
box-shadow: 0 0 0 2px rgba($denim, 0.35);
}