Benoemde kleur · #6A79F7
Byzantine Night Blue
Byzantine Night Blue is #6A79F7: rgb(106 121 247), hsl(234 90% 69%), oklch(0.628 0.187 274.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Byzantine Night Blue color name →
#6A79F7
oklch(0.628 0.187 274.6)
Kleurconversies
- HEX
- #6a79f7
- RGB
- rgb(106 121 247)
- HSL
- hsl(234 90% 69%)
- HWB
- hwb(234 42% 3%)
- OKLCH
- oklch(0.628 0.187 274.6)
- OKLab
- oklab(0.628 0.015 -0.186)
- CIE Lab
- lab(54.61 22.59 -66.21)
- LCH
- lch(54.61 69.96 288.8)
- CMYK
- cmyk(57% 51% 0% 3%)
Tinten · Schaduwen · Tonen
Tinten
- 7788F9
- 8496FB
- 92A3FD
- A1B1FE
- B0BEFF
- BFCBFF
- CFD8FF
- DFE5FF
- EFF2FF
Schaduwen
- 5B68D7
- 4D58B7
- 3F4899
- 31397C
- 242B60
- 181D45
- 0D102C
- 040515
- 000103
Tonen
- 6C7BEB
- 6D7DE0
- 6F7ED4
- 717FC8
- 7480BD
- 7680B1
- 7881A5
- 7B8199
- 7D808D
Kleurharmonieën
Complementair +180°
- 6A79F7
Byzantine Night Blue
- A28600
≈ Golden Palm
Analoog -30° +30°
- 6A79F7
Byzantine Night Blue
- 008FE0
≈ Blue Cola
- A364E2
≈ Violet Voltage
Triadisch +120° +240°
- 6A79F7
Byzantine Night Blue
- E2522F
≈ Orangeade
- 00A35C
≈ Alhambra Green
Gesplitst complementair +150° +210°
- 6A79F7
Byzantine Night Blue
- C27300
≈ Dirty Orange
- 749800
≈ Green Thumb
Tetradisch +90° +180° +270°
- 6A79F7
Byzantine Night Blue
- DF4B7A
≈ Feverish Passion
- A28600
≈ Golden Palm
- 009E91
≈ On a Whim
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.69:1 · APCA Lc 64
Ag
AAOp zwart
WCAG 5.69:1 · APCA Lc 37
Beste tekstkleur: #000000
WCAG 5.69:1 (AA) · APCA Lc 37
Contrast pairs
Codefragmenten
CSS
:root {
--byzantine-night-blue: #6a79f7;
--byzantine-night-blue-rgb: 106 121 247;
--byzantine-night-blue-oklch: oklch(0.628 0.187 274.6);
}
.element {
color: var(--byzantine-night-blue);
background-color: hsl(234 90% 69%);
border-color: oklch(0.628 0.187 274.6);
}Tailwind CSS v4
@theme {
--color-byzantine-night-blue: #6a79f7;
--color-byzantine-night-blue-50: #e7f1ff;
--color-byzantine-night-blue-100: #d7e3ff;
--color-byzantine-night-blue-200: #bfcdff;
--color-byzantine-night-blue-300: #9fadff;
--color-byzantine-night-blue-400: #7f91ff;
--color-byzantine-night-blue-500: #6673ff;
--color-byzantine-night-blue-600: #5662d7;
--color-byzantine-night-blue-700: #444ead;
--color-byzantine-night-blue-800: #2e3a82;
--color-byzantine-night-blue-900: #1f285c;
--color-byzantine-night-blue-950: #0f153f;
}SCSS
$byzantine-night-blue: #6a79f7;
$byzantine-night-blue-rgb: 106, 121, 247;
$byzantine-night-blue-light: mix(#fff, $byzantine-night-blue, 20%);
$byzantine-night-blue-dark: mix(#000, $byzantine-night-blue, 20%);
.element {
color: $byzantine-night-blue;
box-shadow: 0 0 0 2px rgba($byzantine-night-blue, 0.35);
}