Warna bernama · #0652FF
Blue et une Nuit
Blue et une Nuit adalah #0652FF: rgb(6 82 255), hsl(222 100% 51%), oklch(0.529 0.262 263.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Blue mean? → · Blue et une Nuit color name →
#0652FF
oklch(0.529 0.262 263.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 2669FF
- 3F7DFF
- 578FFF
- 6FA0FF
- 86B1FF
- 9EC1FF
- B6D1FF
- CEE1FF
- E6F0FF
Shade
- 0446DE
- 033BBE
- 022F9E
- 012580
- 011A63
- 001148
- 00082E
- 000216
- 000003
Tone
- 1A5BF3
- 2863E7
- 3569DB
- 406ECF
- 4C73C2
- 5776B6
- 617AA9
- 6C7C9C
- 767E8E
Harmoni warna
Komplementer +180°
- 0652FF
Blue et une Nuit
- 8A6400
≈ Alligator
Analog -30° +30°
- 0652FF
Blue et une Nuit
- 0075A0
≈ Mitchell Blue
- 7A2BF0
≈ Szöllősi Grape
Triadik +120° +240°
- 0652FF
Blue et une Nuit
- CA0028
≈ Rare Rhubarb
- 00830D
≈ Lucky Clover
Split-komplementer +150° +210°
- 0652FF
Blue et une Nuit
- A55100
≈ Windsor Brown
- 6C7200
≈ Spinach Soup
Tetradik +90° +180° +270°
- 0652FF
Blue et une Nuit
- C00076
≈ Purple Anxiety
- 8A6400
≈ Alligator
- 007E66
≈ Generic Viridian
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 5.73:1 · APCA Lc 77
Ag
FailDi atas hitam
WCAG 3.65:1 · APCA Lc 24
Warna teks terbaik: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 77
Contrast pairs
Cuplikan kode
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);
}