Benoemde kleur · #0652FF
Blue et une Nuit
Blue et une Nuit is #0652FF: rgb(6 82 255), hsl(222 100% 51%), oklch(0.529 0.262 263.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Blue et une Nuit color name →
#0652FF
oklch(0.529 0.262 263.2)
Kleurconversies
- HEX
- #0652ff
- RGB
- rgb(6 82 255)
- HSL
- hsl(222 100% 51%)
- HWB
- hwb(222 2% 0%)
- OKLCH
- oklch(0.529 0.262 263.2)
- OKLab
- oklab(0.529 -0.031 -0.26)
- CIE Lab
- lab(41.46 36.17 -92.26)
- LCH
- lch(41.46 99.1 291.4)
- CMYK
- cmyk(98% 68% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- 2669FF
- 3F7DFF
- 578FFF
- 6FA0FF
- 86B1FF
- 9EC1FF
- B6D1FF
- CEE1FF
- E6F0FF
Schaduwen
- 0446DE
- 033BBE
- 022F9E
- 012580
- 011A63
- 001148
- 00082E
- 000216
- 000003
Tonen
- 1A5BF3
- 2863E7
- 3569DB
- 406ECF
- 4C73C2
- 5776B6
- 617AA9
- 6C7C9C
- 767E8E
Kleurharmonieën
Complementair +180°
- 0652FF
Blue et une Nuit
- 8A6400
≈ Alligator
Analoog -30° +30°
- 0652FF
Blue et une Nuit
- 0075A0
≈ Mitchell Blue
- 7A2BF0
≈ Szöllősi Grape
Triadisch +120° +240°
- 0652FF
Blue et une Nuit
- CA0028
≈ Rare Rhubarb
- 00830D
≈ Lucky Clover
Gesplitst complementair +150° +210°
- 0652FF
Blue et une Nuit
- A55100
≈ Windsor Brown
- 6C7200
≈ Spinach Soup
Tetradisch +90° +180° +270°
- 0652FF
Blue et une Nuit
- C00076
≈ Purple Anxiety
- 8A6400
≈ Alligator
- 007E66
≈ Generic Viridian
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.73:1 · APCA Lc 77
Ag
FailOp zwart
WCAG 3.65:1 · APCA Lc 24
Beste tekstkleur: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--blue-et-une-nuit: #0652ff;
--blue-et-une-nuit-rgb: 6 82 255;
--blue-et-une-nuit-oklch: oklch(0.529 0.262 263.2);
}
.element {
color: var(--blue-et-une-nuit);
background-color: hsl(222 100% 51%);
border-color: oklch(0.529 0.262 263.2);
}Tailwind CSS v4
@theme {
--color-blue-et-une-nuit: #0652ff;
--color-blue-et-une-nuit-50: #d1f4ff;
--color-blue-et-une-nuit-100: #bde6ff;
--color-blue-et-une-nuit-200: #9dd0ff;
--color-blue-et-une-nuit-300: #75afff;
--color-blue-et-une-nuit-400: #4690ff;
--color-blue-et-une-nuit-500: #196cff;
--color-blue-et-une-nuit-600: #175dff;
--color-blue-et-une-nuit-700: #124bce;
--color-blue-et-une-nuit-800: #00379b;
--color-blue-et-une-nuit-900: #00266e;
--color-blue-et-une-nuit-950: #00124d;
}SCSS
$blue-et-une-nuit: #0652ff;
$blue-et-une-nuit-rgb: 6, 82, 255;
$blue-et-une-nuit-light: mix(#fff, $blue-et-une-nuit, 20%);
$blue-et-une-nuit-dark: mix(#000, $blue-et-une-nuit, 20%);
.element {
color: $blue-et-une-nuit;
box-shadow: 0 0 0 2px rgba($blue-et-une-nuit, 0.35);
}