Dichtstbijzijnde benoemde kleur · #5378A8
#5378A8
Dichtstbijzijnde benoemde kleur: Endless River
#5378A8 (rgb(83 120 168), hsl(214 34% 49%), oklch(0.565 0.086 255.3)) komt het dichtst bij de benoemde kleur Endless River. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#5378A8
oklch(0.565 0.086 255.3)
Kleurconversies
- HEX
- #5378a8
- RGB
- rgb(83 120 168)
- HSL
- hsl(214 34% 49%)
- HWB
- hwb(214 33% 34%)
- OKLCH
- oklch(0.565 0.086 255.3)
- OKLab
- oklab(0.565 -0.022 -0.083)
- CIE Lab
- lab(49.21 -2.87 -30.17)
- LCH
- lch(49.21 30.31 264.6)
- CMYK
- cmyk(51% 29% 0% 34%)
Tinten · Schaduwen · Tonen
Tinten
- 6385B1
- 7492BA
- 849FC3
- 95ADCB
- A6BAD4
- B8C8DD
- C9D5E5
- DBE3EE
- EDF1F6
Schaduwen
- 476792
- 3B577C
- 304867
- 253952
- 1B2A3F
- 111D2C
- 08101A
- 02050A
- 000101
Tonen
- 5879A4
- 5D7AA0
- 617B9D
- 667C99
- 6A7D95
- 6F7D91
- 737E8D
- 777F89
- 7C7F84
Kleurharmonieën
Complementair +180°
- 5378A8
Endless River
- 936F38
≈ Half Orc Highlight
Analoog -30° +30°
- 5378A8
Endless River
- 33809C
≈ Greenland Blue
- 716FA7
≈ Jacaranda Jazz
Triadisch +120° +240°
- 5378A8
Endless River
- A26065
≈ Pizza Pie
- 5F824D
≈ Glade Green
Gesplitst complementair +150° +210°
- 5378A8
Endless River
- A0654A
≈ Antique Copper
- 7D7939
≈ Evening Green
Tetradisch +90° +180° +270°
- 5378A8
Endless River
- 9A6181
≈ Raspberry Jelly Red
- 936F38
≈ Half Orc Highlight
- 3E866A
≈ Mythical Forest
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.54:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.61:1 · APCA Lc 30
Beste tekstkleur: #000000
WCAG 4.61:1 (AA) · APCA Lc 30
Contrast pairs
Codefragmenten
CSS
:root {
--endless-river: #5378a8;
--endless-river-rgb: 83 120 168;
--endless-river-oklch: oklch(0.565 0.086 255.3);
}
.element {
color: var(--endless-river);
background-color: hsl(214 34% 49%);
border-color: oklch(0.565 0.086 255.3);
}Tailwind CSS v4
@theme {
--color-endless-river: #5378a8;
--color-endless-river-50: #e6f7ff;
--color-endless-river-100: #d6eaff;
--color-endless-river-200: #bed6f9;
--color-endless-river-300: #9cb9e4;
--color-endless-river-400: #7ca1d1;
--color-endless-river-500: #5f88be;
--color-endless-river-600: #5173a1;
--color-endless-river-700: #405c81;
--color-endless-river-800: #2d4460;
--color-endless-river-900: #1e2f43;
--color-endless-river-950: #0e1b2b;
}SCSS
$endless-river: #5378a8;
$endless-river-rgb: 83, 120, 168;
$endless-river-light: mix(#fff, $endless-river, 20%);
$endless-river-dark: mix(#000, $endless-river, 20%);
.element {
color: $endless-river;
box-shadow: 0 0 0 2px rgba($endless-river, 0.35);
}