En yakın adlandırılmış renk · #005DCF
#005DCF
En yakın adlandırılmış renk: Frosted Blueberries
#005DCF (rgb(0 93 207), hsl(213 100% 41%), oklch(0.505 0.192 258.6)) en çok Frosted Blueberries 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.
#005DCF
oklch(0.505 0.192 258.6)
Renk dönüşümleri
- HEX
- #005dcf
- RGB
- rgb(0 93 207)
- HSL
- hsl(213 100% 41%)
- HWB
- hwb(213 0% 19%)
- OKLCH
- oklch(0.505 0.192 258.6)
- OKLab
- oklab(0.505 -0.038 -0.188)
- CIE Lab
- lab(40.62 13.26 -66.53)
- LCH
- lch(40.62 67.84 281.3)
- CMYK
- cmyk(100% 55% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 296FD5
- 4380DB
- 5B90E1
- 72A0E7
- 89B0EC
- A0C0F0
- B8D0F5
- CFE0F8
- E7EFFC
Koyu tonlar
- 0050B4
- 004399
- 00377F
- 002A67
- 001F4F
- 001438
- 000A23
- 000310
- 000002
Gri tonlar
- 1B62C8
- 2B67C1
- 386BB9
- 446FB2
- 4F73AA
- 5976A2
- 63799A
- 6D7C92
- 777E89
Renk uyumları
Tamamlayıcı +180°
- 005DCF
Frosted Blueberries
- 855C00
≈ Soil of Avagddu
Analog -30° +30°
- 005DCF
Frosted Blueberries
- 006F91
≈ Tropic Sea
- 6647C9
≈ Waiporoporo Purple
Üçlü +120° +240°
- 005DCF
Frosted Blueberries
- B91637
≈ Active Volcano
- 2B7800
≈ Gardens Sericourt
Bölünmüş tamamlayıcı +150° +210°
- 005DCF
Frosted Blueberries
- A04700
≈ Powdered Coffee
- 6B6900
≈ Worn Olive
Dörtlü +90° +180° +270°
- 005DCF
Frosted Blueberries
- AC1E76
≈ Fabric of Love
- 855C00
≈ Soil of Avagddu
- 00775A
≈ Victoria Peak
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.05:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.46:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--frosted-blueberries: #005dcf;
--frosted-blueberries-rgb: 0 93 207;
--frosted-blueberries-oklch: oklch(0.505 0.192 258.6);
}
.element {
color: var(--frosted-blueberries);
background-color: hsl(213 100% 41%);
border-color: oklch(0.505 0.192 258.6);
}Tailwind CSS v4
@theme {
--color-frosted-blueberries: #005dcf;
--color-frosted-blueberries-50: #d6f7ff;
--color-frosted-blueberries-100: #c3e9ff;
--color-frosted-blueberries-200: #a5d5ff;
--color-frosted-blueberries-300: #7db6ff;
--color-frosted-blueberries-400: #519cff;
--color-frosted-blueberries-500: #237fff;
--color-frosted-blueberries-600: #216cd9;
--color-frosted-blueberries-700: #1a57af;
--color-frosted-blueberries-800: #084083;
--color-frosted-blueberries-900: #052c5c;
--color-frosted-blueberries-950: #00193f;
}SCSS
$frosted-blueberries: #005dcf;
$frosted-blueberries-rgb: 0, 93, 207;
$frosted-blueberries-light: mix(#fff, $frosted-blueberries, 20%);
$frosted-blueberries-dark: mix(#000, $frosted-blueberries, 20%);
.element {
color: $frosted-blueberries;
box-shadow: 0 0 0 2px rgba($frosted-blueberries, 0.35);
}