Adlandırılmış renk · #4C73AF
Ramjet
Ramjet, #4C73AF: rgb(76 115 175), hsl(216 39% 49%), oklch(0.554 0.104 258.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Ramjet color name →
#4C73AF
oklch(0.554 0.104 258.7)
Renk dönüşümleri
- HEX
- #4c73af
- RGB
- rgb(76 115 175)
- HSL
- hsl(216 39% 49%)
- HWB
- hwb(216 30% 31%)
- OKLCH
- oklch(0.554 0.104 258.7)
- OKLab
- oklab(0.554 -0.02 -0.102)
- CIE Lab
- lab(47.62 -0.11 -36.73)
- LCH
- lch(47.62 36.73 269.8)
- CMYK
- cmyk(57% 34% 0% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5D81B7
- 6E8EC0
- 7F9CC8
- 91AAD0
- A3B8D8
- B5C6E0
- C7D4E8
- D9E2F0
- ECF1F7
Koyu tonlar
- 416398
- 365481
- 2C456B
- 223656
- 182841
- 0F1B2E
- 060F1C
- 02050B
- 000101
Gri tonlar
- 5275AB
- 5776A6
- 5C78A2
- 62799D
- 677B99
- 6C7C94
- 717D8F
- 767E8A
- 7B7F85
Renk uyumları
Tamamlayıcı +180°
- 4C73AF
Ramjet
- 936A1D
≈ Sassy Olive
Analog -30° +30°
- 4C73AF
Ramjet
- 147EA3
≈ Kingfisher Sheen
- 7168AC
≈ Clear Mauve
Üçlü +120° +240°
- 4C73AF
Ramjet
- A7585B
≈ Lingonberry Punch
- 528144
≈ Guinean Green
Bölünmüş tamamlayıcı +150° +210°
- 4C73AF
Ramjet
- A35F38
≈ Desert Soil
- 787723
≈ Crocodile Eye
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.79:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.37:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.79:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--ramjet: #4c73af;
--ramjet-rgb: 76 115 175;
--ramjet-oklch: oklch(0.554 0.104 258.7);
}
.element {
color: var(--ramjet);
background-color: hsl(216 39% 49%);
border-color: oklch(0.554 0.104 258.7);
}Tailwind CSS v4
@theme {
--color-ramjet: #4c73af;
--color-ramjet-50: #e5f6ff;
--color-ramjet-100: #d4e9ff;
--color-ramjet-200: #bbd6ff;
--color-ramjet-300: #99b8ed;
--color-ramjet-400: #79a0dc;
--color-ramjet-500: #5a87ca;
--color-ramjet-600: #4d72ab;
--color-ramjet-700: #3d5b89;
--color-ramjet-800: #2a4366;
--color-ramjet-900: #1c2e48;
--color-ramjet-950: #0c1b2f;
}SCSS
$ramjet: #4c73af;
$ramjet-rgb: 76, 115, 175;
$ramjet-light: mix(#fff, $ramjet, 20%);
$ramjet-dark: mix(#000, $ramjet, 20%);
.element {
color: $ramjet;
box-shadow: 0 0 0 2px rgba($ramjet, 0.35);
}