Adlandırılmış renk · #8B3145
Tibetan Red
Tibetan Red, #8B3145: rgb(139 49 69), hsl(347 48% 37%), oklch(0.449 0.123 10.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Tibetan Red color name →
#8B3145
oklch(0.449 0.123 10.1)
Renk dönüşümleri
- HEX
- #8b3145
- RGB
- rgb(139 49 69)
- HSL
- hsl(347 48% 37%)
- HWB
- hwb(347 19% 45%)
- OKLCH
- oklch(0.449 0.123 10.1)
- OKLab
- oklab(0.449 0.121 0.021)
- CIE Lab
- lab(34.61 40.12 9.2)
- LCH
- lch(34.61 41.17 12.9)
- CMYK
- cmyk(0% 65% 50% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 984656
- A55A67
- B16E78
- BD828A
- C9969D
- D4ABB0
- E0BFC3
- EAD4D7
- F5EAEB
Koyu tonlar
- 78293B
- 662231
- 541A27
- 43131E
- 320C15
- 23060C
- 140305
- 070102
- 010000
Gri tonlar
- 8B3B4B
- 8B4350
- 8B4C56
- 8A545C
- 8A5B62
- 886368
- 876A6E
- 857274
- 83797A
Renk uyumları
Tamamlayıcı +180°
- 8B3145
Tibetan Red
- 00625E
≈ Emerald Stone
Analog -30° +30°
- 8B3145
Tibetan Red
- 7F356A
≈ Ayame Iris
- 8B3716
≈ Rogan Josh
Üçlü +120° +240°
- 8B3145
Tibetan Red
- 3E6100
≈ Rainforest Matcha
- 085796
≈ Parachuting
Bölünmüş tamamlayıcı +150° +210°
- 8B3145
Tibetan Red
- 006541
≈ Aotake Bamboo
- 005F74
≈ Lyons Blue
Dörtlü +90° +180° +270°
- 8B3145
Tibetan Red
- 615500
≈ Olive Brown
- 00625E
≈ Emerald Stone
- 494A97
≈ Liberty
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.00:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.62:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 8.00:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--tibetan-red: #8b3145;
--tibetan-red-rgb: 139 49 69;
--tibetan-red-oklch: oklch(0.449 0.123 10.1);
}
.element {
color: var(--tibetan-red);
background-color: hsl(347 48% 37%);
border-color: oklch(0.449 0.123 10.1);
}Tailwind CSS v4
@theme {
--color-tibetan-red: #8b3145;
--color-tibetan-red-50: #ffe7ec;
--color-tibetan-red-100: #ffd8dd;
--color-tibetan-red-200: #ffbfc6;
--color-tibetan-red-300: #ef9da7;
--color-tibetan-red-400: #dc7e8e;
--color-tibetan-red-500: #c95f73;
--color-tibetan-red-600: #aa5162;
--color-tibetan-red-700: #88414e;
--color-tibetan-red-800: #652e3a;
--color-tibetan-red-900: #471f28;
--color-tibetan-red-950: #2e0f16;
}SCSS
$tibetan-red: #8b3145;
$tibetan-red-rgb: 139, 49, 69;
$tibetan-red-light: mix(#fff, $tibetan-red, 20%);
$tibetan-red-dark: mix(#000, $tibetan-red, 20%);
.element {
color: $tibetan-red;
box-shadow: 0 0 0 2px rgba($tibetan-red, 0.35);
}