Nächste benannte Farbe · #381D90
#381D90
Nächste benannte Farbe: Gentian Blue
#381D90 (rgb(56 29 144), hsl(254 66% 34%), oklch(0.354 0.173 283.9)) liegt am nächsten an der benannten Farbe Gentian Blue. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#381D90
oklch(0.354 0.173 283.9)
Farbumrechnungen
- HEX
- #381d90
- RGB
- rgb(56 29 144)
- HSL
- hsl(254 66% 34%)
- HWB
- hwb(254 11% 44%)
- OKLCH
- oklch(0.354 0.173 283.9)
- OKLab
- oklab(0.354 0.042 -0.168)
- CIE Lab
- lab(21.77 37.39 -59.77)
- LCH
- lch(21.77 70.5 302)
- CMYK
- cmyk(61% 80% 0% 44%)
Tints · Shades · Tones
Tints
- 47389D
- 574FA9
- 6965B5
- 7C7BC0
- 9090CB
- A5A6D6
- BBBCE1
- D1D2EB
- E8E8F5
Shades
- 2F187D
- 27136A
- 1F0E57
- 170945
- 0F0534
- 080324
- 040115
- 010007
- 000001
Tones
- 3D2C90
- 43388F
- 49428E
- 504C8D
- 57558C
- 5F5E8A
- 676788
- 6F6F86
- 777883
Farbharmonien
Komplementär +180°
- 381D90
Gentian Blue
- 423D00
≈ Xanthophobia
Analog -30° +30°
- 381D90
Gentian Blue
- 003B74
≈ Azure Dragon
- 5A0278
≈ Velvet Vortex
Triadisch +120° +240°
- 381D90
Gentian Blue
- 652400
≈ Raw Chocolate
- 004731
≈ UP Forest Green
Geteilt komplementär +150° +210°
- 381D90
Gentian Blue
- 523400
≈ Eyelash Camel
- 234600
≈ Forest Green
Tetradisch +90° +180° +270°
- 381D90
Gentian Blue
- 730024
≈ Evil Forces
- 423D00
≈ Xanthophobia
- 004545
≈ Dark Side
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.02:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.74:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.02:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--gentian-blue: #381d90;
--gentian-blue-rgb: 56 29 144;
--gentian-blue-oklch: oklch(0.354 0.173 283.9);
}
.element {
color: var(--gentian-blue);
background-color: hsl(254 66% 34%);
border-color: oklch(0.354 0.173 283.9);
}Tailwind CSS v4
@theme {
--color-gentian-blue: #381d90;
--color-gentian-blue-50: #f0efff;
--color-gentian-blue-100: #e2e0ff;
--color-gentian-blue-200: #cdcaff;
--color-gentian-blue-300: #b0a9ff;
--color-gentian-blue-400: #948dff;
--color-gentian-blue-500: #7c6ff3;
--color-gentian-blue-600: #695ecd;
--color-gentian-blue-700: #544ba4;
--color-gentian-blue-800: #3b377c;
--color-gentian-blue-900: #282657;
--color-gentian-blue-950: #17143b;
}SCSS
$gentian-blue: #381d90;
$gentian-blue-rgb: 56, 29, 144;
$gentian-blue-light: mix(#fff, $gentian-blue, 20%);
$gentian-blue-dark: mix(#000, $gentian-blue, 20%);
.element {
color: $gentian-blue;
box-shadow: 0 0 0 2px rgba($gentian-blue, 0.35);
}