En yakın adlandırılmış renk · #006FE0
#006FE0
En yakın adlandırılmış renk: Fading Night
#006FE0 (rgb(0 111 224), hsl(210 100% 44%), oklch(0.556 0.192 256.3)) 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.
#006FE0
oklch(0.556 0.192 256.3)
Renk dönüşümleri
- HEX
- #006fe0
- RGB
- rgb(0 111 224)
- HSL
- hsl(210 100% 44%)
- HWB
- hwb(210 0% 12%)
- OKLCH
- oklch(0.556 0.192 256.3)
- OKLab
- oklab(0.556 -0.046 -0.186)
- CIE Lab
- lab(46.86 8.23 -66.08)
- LCH
- lch(46.86 66.6 277.1)
- CMYK
- cmyk(100% 50% 0% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2E7FE5
- 498EE9
- 619DED
- 78ABF1
- 8EB9F4
- A5C8F7
- BBD5F9
- D2E3FC
- E8F1FE
Koyu tonlar
- 0060C3
- 0051A6
- 00428A
- 003470
- 002756
- 001A3E
- 000E27
- 000412
- 000102
Gri tonlar
- 1F72D7
- 3075CE
- 3D77C5
- 497ABB
- 537BB2
- 5D7DA8
- 667E9F
- 6F7F95
- 78808B
Renk uyumları
Tamamlayıcı +180°
- 006FE0
Fading Night
- 9A6800
≈ Gamboge Brown
Analog -30° +30°
- 006FE0
Fading Night
- 007FA3
≈ Kingfisher Sheen
- 6F59DC
≈ Astro Purple
Üçlü +120° +240°
- 006FE0
Fading Night
- CB2D4B
≈ Tomato Puree
- 3F8800
≈ Mughal Green
Bölünmüş tamamlayıcı +150° +210°
- 006FE0
Fading Night
- B94E00
≈ Crustose Lichen
- 7D7700
≈ Tool Green
Dörtlü +90° +180° +270°
- 006FE0
Fading Night
- BC348A
≈ Lust Priestess
- 9A6800
≈ Gamboge Brown
- 008864
≈ Spectral Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.82:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.35:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.82:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--fading-night: #006fe0;
--fading-night-rgb: 0 111 224;
--fading-night-oklch: oklch(0.556 0.192 256.3);
}
.element {
color: var(--fading-night);
background-color: hsl(210 100% 44%);
border-color: oklch(0.556 0.192 256.3);
}Tailwind CSS v4
@theme {
--color-fading-night: #006fe0;
--color-fading-night-50: #d4f8ff;
--color-fading-night-100: #c1eaff;
--color-fading-night-200: #a1d6ff;
--color-fading-night-300: #78b8ff;
--color-fading-night-400: #499eff;
--color-fading-night-500: #0781ff;
--color-fading-night-600: #0f6ed9;
--color-fading-night-700: #0d58ae;
--color-fading-night-800: #004182;
--color-fading-night-900: #002d5c;
--color-fading-night-950: #00193f;
}SCSS
$fading-night: #006fe0;
$fading-night-rgb: 0, 111, 224;
$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);
}