Adlandırılmış renk · #0020EF
Blue Overdose
Blue Overdose, #0020EF: rgb(0 32 239), hsl(232 100% 47%), oklch(0.447 0.287 264.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Blue Overdose color name →
#0020EF
oklch(0.447 0.287 264.2)
Renk dönüşümleri
- HEX
- #0020ef
- RGB
- rgb(0 32 239)
- HSL
- hsl(232 100% 47%)
- HWB
- hwb(232 0% 6%)
- OKLCH
- oklch(0.447 0.287 264.2)
- OKLab
- oklab(0.447 -0.029 -0.286)
- CIE Lab
- lab(30.08 57.15 -102.16)
- LCH
- lch(30.08 117.06 299.2)
- CMYK
- cmyk(100% 87% 0% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1048F3
- 2A63F7
- 447AFB
- 5E8FFD
- 78A3FF
- 92B6FF
- ACC9FF
- C8DBFF
- E3EDFF
Koyu tonlar
- 001AD0
- 0015B1
- 000F94
- 000A78
- 00065C
- 000342
- 00012A
- 000014
- 000003
Gri tonlar
- 0638E5
- 1447DB
- 2353D1
- 315DC6
- 3E65BC
- 4C6CB1
- 5972A5
- 66779A
- 737C8D
Renk uyumları
Tamamlayıcı +180°
- 0020EF
Blue Overdose
- 6C4F00
≈ Antique Bronze
Analog -30° +30°
- 0020EF
Blue Overdose
- 005C80
≈ Royal Blood
- 6500CB
≈ Trusted Purple
Üçlü +120° +240°
- 0020EF
Blue Overdose
- A1001A
≈ Dear Darling
- 006712
≈ Nature’s Masterpiece
Bölünmüş tamamlayıcı +150° +210°
- 0020EF
Blue Overdose
- 824000
≈ Hazelnut Chocolate
- 545A00
≈ Greensboro
Dörtlü +90° +180° +270°
- 0020EF
Blue Overdose
- 99005B
≈ Strong Cerise
- 6C4F00
≈ Antique Bronze
- 006351
≈ Piney Lake
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.56:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.45:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 8.56:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--blue-overdose: #0020ef;
--blue-overdose-rgb: 0 32 239;
--blue-overdose-oklch: oklch(0.447 0.287 264.2);
}
.element {
color: var(--blue-overdose);
background-color: hsl(232 100% 47%);
border-color: oklch(0.447 0.287 264.2);
}Tailwind CSS v4
@theme {
--color-blue-overdose: #0020ef;
--color-blue-overdose-50: #cff4ff;
--color-blue-overdose-100: #bbe5ff;
--color-blue-overdose-200: #9bceff;
--color-blue-overdose-300: #72abff;
--color-blue-overdose-400: #438bff;
--color-blue-overdose-500: #1b63ff;
--color-blue-overdose-600: #1855ff;
--color-blue-overdose-700: #1245d8;
--color-blue-overdose-800: #0033a3;
--color-blue-overdose-900: #002374;
--color-blue-overdose-950: #000f52;
}SCSS
$blue-overdose: #0020ef;
$blue-overdose-rgb: 0, 32, 239;
$blue-overdose-light: mix(#fff, $blue-overdose, 20%);
$blue-overdose-dark: mix(#000, $blue-overdose, 20%);
.element {
color: $blue-overdose;
box-shadow: 0 0 0 2px rgba($blue-overdose, 0.35);
}