Dichtstbijzijnde benoemde kleur · #5B4FD2
#5B4FD2
Dichtstbijzijnde benoemde kleur: Warm Blue
#5B4FD2 (rgb(91 79 210), hsl(245 59% 57%), oklch(0.517 0.194 281.3)) komt het dichtst bij de benoemde kleur Warm Blue. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#5B4FD2
oklch(0.517 0.194 281.3)
Kleurconversies
- HEX
- #5b4fd2
- RGB
- rgb(91 79 210)
- HSL
- hsl(245 59% 57%)
- HWB
- hwb(245 31% 18%)
- OKLCH
- oklch(0.517 0.194 281.3)
- OKLab
- oklab(0.517 0.038 -0.19)
- CIE Lab
- lab(40.96 33.71 -67.5)
- LCH
- lch(40.96 75.45 296.5)
- CMYK
- cmyk(57% 62% 0% 18%)
Tinten · Schaduwen · Tonen
Tinten
- 6863D8
- 7675DE
- 8587E3
- 9598E8
- A6A9ED
- B7BBF2
- C8CCF6
- DADDF9
- ECEEFC
Schaduwen
- 4E44B6
- 41389B
- 352E81
- 292368
- 1E1950
- 131039
- 090724
- 030210
- 000002
Tonen
- 5D56CB
- 605DC3
- 6362BB
- 6768B3
- 6A6CAB
- 6E71A3
- 72759B
- 777992
- 7B7D89
Kleurharmonieën
Complementair +180°
- 5B4FD2
Warm Blue
- 756900
≈ Arousing Alligator
Analoog -30° +30°
- 5B4FD2
Warm Blue
- 0069BB
≈ Blue Diamond
- 8B3AB7
≈ Pleasant Purple
Triadisch +120° +240°
- 5B4FD2
Warm Blue
- AF3E00
≈ Donkey Kong
- 007C52
≈ Salem
Gesplitst complementair +150° +210°
- 5B4FD2
Warm Blue
- 8F5B00
≈ Rat Brown
- 497700
≈ Tropicana
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.01:1 · APCA Lc 80
Ag
FailOp zwart
WCAG 3.49:1 · APCA Lc 22
Beste tekstkleur: #FFFFFF
WCAG 6.01:1 (AA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--warm-blue: #5b4fd2;
--warm-blue-rgb: 91 79 210;
--warm-blue-oklch: oklch(0.517 0.194 281.3);
}
.element {
color: var(--warm-blue);
background-color: hsl(245 59% 57%);
border-color: oklch(0.517 0.194 281.3);
}Tailwind CSS v4
@theme {
--color-warm-blue: #5b4fd2;
--color-warm-blue-50: #edefff;
--color-warm-blue-100: #dee0ff;
--color-warm-blue-200: #c9c9ff;
--color-warm-blue-300: #aba8ff;
--color-warm-blue-400: #8e8bff;
--color-warm-blue-500: #766cff;
--color-warm-blue-600: #645cd8;
--color-warm-blue-700: #5049ae;
--color-warm-blue-800: #373683;
--color-warm-blue-900: #26255d;
--color-warm-blue-950: #15133f;
}SCSS
$warm-blue: #5b4fd2;
$warm-blue-rgb: 91, 79, 210;
$warm-blue-light: mix(#fff, $warm-blue, 20%);
$warm-blue-dark: mix(#000, $warm-blue, 20%);
.element {
color: $warm-blue;
box-shadow: 0 0 0 2px rgba($warm-blue, 0.35);
}