En yakın adlandırılmış renk · #0075DC
#0075DC
En yakın adlandırılmış renk: Fading Night
#0075DC (rgb(0 117 220), hsl(208 100% 43%), oklch(0.567 0.18 253.9)) en çok Fading Night adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#0075DC
oklch(0.567 0.18 253.9)
Renk dönüşümleri
- HEX
- #0075dc
- RGB
- rgb(0 117 220)
- HSL
- hsl(208 100% 43%)
- HWB
- hwb(208 0% 14%)
- OKLCH
- oklch(0.567 0.18 253.9)
- OKLab
- oklab(0.567 -0.05 -0.173)
- CIE Lab
- lab(48.37 3.38 -61.39)
- LCH
- lch(48.37 61.49 273.2)
- CMYK
- cmyk(100% 47% 0% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3084E1
- 4B92E5
- 63A0EA
- 7AAEEE
- 90BCF1
- A6C9F5
- BCD7F8
- D2E4FB
- E9F2FD
Koyu tonlar
- 0065BF
- 0055A3
- 004688
- 00376E
- 002954
- 001C3C
- 000F26
- 000511
- 000102
Gri tonlar
- 2177D3
- 3279CA
- 3F7BC2
- 4A7DB9
- 557EB0
- 5E7FA6
- 677F9D
- 708094
- 78808A
Renk uyumları
Tamamlayıcı +180°
- 0075DC
Fading Night
- A06A00
≈ Balor Brown
Analog -30° +30°
- 0075DC
Fading Night
- 0083A4
≈ Tibetan Turquoise
- 6D60DA
≈ Exodus Fruit
Üçlü +120° +240°
- 0075DC
Fading Night
- C93955
≈ Nakabeni Pink
- 4B8900
≈ Mughal Green
Bölünmüş tamamlayıcı +150° +210°
- 0075DC
Fading Night
- C14C00
≈ Crustose Lichen
- 837900
≈ Soft Fig
Dörtlü +90° +180° +270°
- 0075DC
Fading Night
- BA3F90
≈ Boat Orchid
- A06A00
≈ Balor Brown
- 008C63
≈ Chagall Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.58:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.57:1 · APCA Lc 31
En iyi metin rengi: #FFFFFF
WCAG 4.58:1 (AA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--fading-night: #0075dc;
--fading-night-rgb: 0 117 220;
--fading-night-oklch: oklch(0.567 0.18 253.9);
}
.element {
color: var(--fading-night);
background-color: hsl(208 100% 43%);
border-color: oklch(0.567 0.18 253.9);
}Tailwind CSS v4
@theme {
--color-fading-night: #0075dc;
--color-fading-night-50: #d4f8ff;
--color-fading-night-100: #c1ebff;
--color-fading-night-200: #a1d7ff;
--color-fading-night-300: #77baff;
--color-fading-night-400: #48a0ff;
--color-fading-night-500: #0085f9;
--color-fading-night-600: #0971d1;
--color-fading-night-700: #095aa8;
--color-fading-night-800: #00437e;
--color-fading-night-900: #002e59;
--color-fading-night-950: #001a3c;
}SCSS
$fading-night: #0075dc;
$fading-night-rgb: 0, 117, 220;
$fading-night-light: mix(#fff, $fading-night, 20%);
$fading-night-dark: mix(#000, $fading-night, 20%);
.element {
color: $fading-night;
box-shadow: 0 0 0 2px rgba($fading-night, 0.35);
}