Adlandırılmış renk · #523B35
Royal Brown
Royal Brown, #523B35: rgb(82 59 53), hsl(12 21% 26%), oklch(0.376 0.034 35.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Royal Brown color name →
#523B35
oklch(0.376 0.034 35.1)
Renk dönüşümleri
- HEX
- #523b35
- RGB
- rgb(82 59 53)
- HSL
- hsl(12 21% 26%)
- HWB
- hwb(12 21% 68%)
- OKLCH
- oklch(0.376 0.034 35.1)
- OKLab
- oklab(0.376 0.028 0.02)
- CIE Lab
- lab(27.38 9.76 7.91)
- LCH
- lch(27.38 12.56 39)
- CMYK
- cmyk(0% 28% 35% 68%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 624C47
- 725E59
- 83716C
- 948480
- A59794
- B7ABA8
- C8C0BD
- DAD4D3
- EDE9E9
Koyu tonlar
- 46322D
- 3B2925
- 2F211D
- 251915
- 1A110E
- 110908
- 080403
- 020101
- 000000
Gri tonlar
- 57423C
- 5B4843
- 604F4A
- 655652
- 695D59
- 6E6461
- 726B69
- 777270
- 7B7978
Renk uyumları
Tamamlayıcı +180°
- 523B35
Royal Brown
- 2B464D
≈ Little Mermaid
Analog -30° +30°
- 523B35
Royal Brown
- 523A3F
≈ Blackcurrant Conserve
- 4E3E2E
≈ Fresh Roe
Üçlü +120° +240°
- 523B35
Royal Brown
- 334739
≈ Government Green
- 3C4054
≈ Knighthood
Bölünmüş tamamlayıcı +150° +210°
- 523B35
Royal Brown
- 2C4744
≈ Platoon Green
- 324453
≈ Blue Wing Teal
Dörtlü +90° +180° +270°
- 523B35
Royal Brown
- 3D4531
≈ Mallardish
- 2B464D
≈ Little Mermaid
- 463D50
≈ Plum Island
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.31:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 2.03:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.31:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--royal-brown: #523b35;
--royal-brown-rgb: 82 59 53;
--royal-brown-oklch: oklch(0.376 0.034 35.1);
}
.element {
color: var(--royal-brown);
background-color: hsl(12 21% 26%);
border-color: oklch(0.376 0.034 35.1);
}Tailwind CSS v4
@theme {
--color-royal-brown: #523b35;
--color-royal-brown-50: #fff2ee;
--color-royal-brown-100: #f3e4e0;
--color-royal-brown-200: #e2d0ca;
--color-royal-brown-300: #c8b2ab;
--color-royal-brown-400: #b29891;
--color-royal-brown-500: #9b7f77;
--color-royal-brown-600: #836b65;
--color-royal-brown-700: #695650;
--color-royal-brown-800: #4e3e3b;
--color-royal-brown-900: #362b28;
--color-royal-brown-950: #211816;
}SCSS
$royal-brown: #523b35;
$royal-brown-rgb: 82, 59, 53;
$royal-brown-light: mix(#fff, $royal-brown, 20%);
$royal-brown-dark: mix(#000, $royal-brown, 20%);
.element {
color: $royal-brown;
box-shadow: 0 0 0 2px rgba($royal-brown, 0.35);
}