En yakın adlandırılmış renk · #4A3059
#4A3059
En yakın adlandırılmış renk: Royal Crown
#4A3059 (rgb(74 48 89), hsl(278 30% 27%), oklch(0.358 0.075 312.3)) en çok Royal Crown 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.
#4A3059
oklch(0.358 0.075 312.3)
Renk dönüşümleri
- HEX
- #4a3059
- RGB
- rgb(74 48 89)
- HSL
- hsl(278 30% 27%)
- HWB
- hwb(278 19% 65%)
- OKLCH
- oklch(0.358 0.075 312.3)
- OKLab
- oklab(0.358 0.051 -0.056)
- CIE Lab
- lab(24.48 18.63 -20.2)
- LCH
- lch(24.48 27.48 312.7)
- CMYK
- cmyk(17% 46% 0% 65%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5A4369
- 6B5678
- 7C6988
- 8E7D99
- A092A9
- B2A7BA
- C5BCCB
- D8D2DC
- EBE8ED
Koyu tonlar
- 3F284C
- 352140
- 2A1A34
- 201328
- 170C1D
- 0E0613
- 060309
- 020103
- 000000
Gri tonlar
- 4F385D
- 554061
- 5A4865
- 5F5069
- 65576D
- 6A5F71
- 706775
- 757079
- 7A787C
Renk uyumları
Tamamlayıcı +180°
- 4A3059
Royal Crown
- 2D4518
≈ Forestry
Analog -30° +30°
- 4A3059
Royal Crown
- 373763
≈ Rhynchites Nitens
- 572B48
≈ Winter Bloom
Üçlü +120° +240°
- 4A3059
Royal Crown
- 553502
≈ Eyelash Camel
- 004745
≈ Cyprus
Bölünmüş tamamlayıcı +150° +210°
- 4A3059
Royal Crown
- 453E00
≈ Xanthophobia
- 054930
≈ Alaskan Moss
Dörtlü +90° +180° +270°
- 4A3059
Royal Crown
- 5D2E1A
≈ Count Chocula
- 2D4518
≈ Forestry
- 004456
≈ Crab Nebula
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.30:1 · APCA Lc 96
Ag
FailSiyah üzerinde
WCAG 1.85:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.30:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--royal-crown: #4a3059;
--royal-crown-rgb: 74 48 89;
--royal-crown-oklch: oklch(0.358 0.075 312.3);
}
.element {
color: var(--royal-crown);
background-color: hsl(278 30% 27%);
border-color: oklch(0.358 0.075 312.3);
}Tailwind CSS v4
@theme {
--color-royal-crown: #4a3059;
--color-royal-crown-50: #fdefff;
--color-royal-crown-100: #f1e1fa;
--color-royal-crown-200: #e0cbeb;
--color-royal-crown-300: #c6acd3;
--color-royal-crown-400: #ae92bf;
--color-royal-crown-500: #9778aa;
--color-royal-crown-600: #806590;
--color-royal-crown-700: #665173;
--color-royal-crown-800: #4a3b56;
--color-royal-crown-900: #34283c;
--color-royal-crown-950: #1f1626;
}SCSS
$royal-crown: #4a3059;
$royal-crown-rgb: 74, 48, 89;
$royal-crown-light: mix(#fff, $royal-crown, 20%);
$royal-crown-dark: mix(#000, $royal-crown, 20%);
.element {
color: $royal-crown;
box-shadow: 0 0 0 2px rgba($royal-crown, 0.35);
}