En yakın adlandırılmış renk · #4B63A3
#4B63A3
En yakın adlandırılmış renk: Starstruck
#4B63A3 (rgb(75 99 163), hsl(224 37% 47%), oklch(0.511 0.106 267.1)) en çok Starstruck 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.
#4B63A3
oklch(0.511 0.106 267.1)
Renk dönüşümleri
- HEX
- #4b63a3
- RGB
- rgb(75 99 163)
- HSL
- hsl(224 37% 47%)
- HWB
- hwb(224 29% 36%)
- OKLCH
- oklch(0.511 0.106 267.1)
- OKLab
- oklab(0.511 -0.005 -0.106)
- CIE Lab
- lab(42.35 5.6 -37.99)
- LCH
- lch(42.35 38.4 278.4)
- CMYK
- cmyk(54% 39% 0% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5B72AD
- 6C81B6
- 7D90C0
- 8FA0C9
- A1AFD2
- B3BFDB
- C5CFE4
- D8DFED
- ECEFF6
Koyu tonlar
- 40558D
- 354778
- 2B3A63
- 212E4F
- 17213C
- 0E162A
- 060B19
- 02030A
- 000001
Gri tonlar
- 5066A0
- 556A9D
- 5B6D9A
- 607096
- 657393
- 6A758F
- 70788C
- 757B88
- 7B7D84
Renk uyumları
Tamamlayıcı +180°
- 4B63A3
Starstruck
- 806100
≈ Ground Earth
Analog -30° +30°
- 4B63A3
Starstruck
- 126E9B
≈ Disarm
- 6D589B
≈ Rollick
Üçlü +120° +240°
- 4B63A3
Starstruck
- 9A4C44
≈ Safflower Kite
- 377641
≈ Cucumber Queen
Bölünmüş tamamlayıcı +150° +210°
- 4B63A3
Starstruck
- 93551F
≈ Sugar Almond
- 626E1A
≈ Fiji Green
Dörtlü +90° +180° +270°
- 4B63A3
Starstruck
- 954A67
≈ Glitterati
- 806100
≈ Ground Earth
- 007865
≈ Shady Glade
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.81:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.61:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--starstruck: #4b63a3;
--starstruck-rgb: 75 99 163;
--starstruck-oklch: oklch(0.511 0.106 267.1);
}
.element {
color: var(--starstruck);
background-color: hsl(224 37% 47%);
border-color: oklch(0.511 0.106 267.1);
}Tailwind CSS v4
@theme {
--color-starstruck: #4b63a3;
--color-starstruck-50: #e9f5ff;
--color-starstruck-100: #d9e7ff;
--color-starstruck-200: #c2d3ff;
--color-starstruck-300: #a1b6ef;
--color-starstruck-400: #829cde;
--color-starstruck-500: #6783cc;
--color-starstruck-600: #576fad;
--color-starstruck-700: #45598b;
--color-starstruck-800: #304167;
--color-starstruck-900: #212d48;
--color-starstruck-950: #101a2f;
}SCSS
$starstruck: #4b63a3;
$starstruck-rgb: 75, 99, 163;
$starstruck-light: mix(#fff, $starstruck, 20%);
$starstruck-dark: mix(#000, $starstruck, 20%);
.element {
color: $starstruck;
box-shadow: 0 0 0 2px rgba($starstruck, 0.35);
}