Adlandırılmış renk · #9D433F
Queen’s Coat
Queen’s Coat, #9D433F: rgb(157 67 63), hsl(3 43% 43%), oklch(0.501 0.121 25). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Queen’s Coat color name →
#9D433F
oklch(0.501 0.121 25)
Renk dönüşümleri
- HEX
- #9d433f
- RGB
- rgb(157 67 63)
- HSL
- hsl(3 43% 43%)
- HWB
- hwb(3 25% 38%)
- OKLCH
- oklch(0.501 0.121 25)
- OKLab
- oklab(0.501 0.11 0.051)
- CIE Lab
- lab(40.94 38.06 21.97)
- LCH
- lch(40.94 43.95 30)
- CMYK
- cmyk(0% 57% 60% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A85651
- B36863
- BE7B75
- C88D88
- D2A09B
- DCB2AE
- E5C5C2
- EED8D6
- F7ECEA
Koyu tonlar
- 883935
- 732F2C
- 5F2623
- 4C1D1B
- 3A1412
- 280C0A
- 180504
- 090101
- 010000
Gri tonlar
- 9B4A46
- 99514C
- 975853
- 955E59
- 926460
- 8F6A66
- 8C706D
- 887573
- 847B7A
Renk uyumları
Tamamlayıcı +180°
- 9D433F
Queen’s Coat
- 00717B
≈ Iridescent Peacock
Analog -30° +30°
- 9D433F
Queen’s Coat
- 974267
≈ Satsuma Imo Red
- 964D07
≈ Warm Brown
Üçlü +120° +240°
- 9D433F
Queen’s Coat
- 2E7534
≈ Japanese Laurel
- 4160A8
≈ Kakitsubata Blue
Bölünmüş tamamlayıcı +150° +210°
- 9D433F
Queen’s Coat
- 007560
≈ Tropical Rainforest
- 006C97
≈ Cairns
Dörtlü +90° +180° +270°
- 9D433F
Queen’s Coat
- 626A00
≈ Mud Green
- 00717B
≈ Iridescent Peacock
- 6953A1
≈ Ultrapurple Merge
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.34:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.30:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.34:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--queen-s-coat: #9d433f;
--queen-s-coat-rgb: 157 67 63;
--queen-s-coat-oklch: oklch(0.501 0.121 25);
}
.element {
color: var(--queen-s-coat);
background-color: hsl(3 43% 43%);
border-color: oklch(0.501 0.121 25);
}Tailwind CSS v4
@theme {
--color-queen-s-coat: #9d433f;
--color-queen-s-coat-50: #ffe9e3;
--color-queen-s-coat-100: #ffd9d2;
--color-queen-s-coat-200: #ffc1b8;
--color-queen-s-coat-300: #ef9f96;
--color-queen-s-coat-400: #dd817a;
--color-queen-s-coat-500: #ca625c;
--color-queen-s-coat-600: #ab544f;
--color-queen-s-coat-700: #89433e;
--color-queen-s-coat-800: #662f2e;
--color-queen-s-coat-900: #48201f;
--color-queen-s-coat-950: #2f0f0f;
}SCSS
$queen-s-coat: #9d433f;
$queen-s-coat-rgb: 157, 67, 63;
$queen-s-coat-light: mix(#fff, $queen-s-coat, 20%);
$queen-s-coat-dark: mix(#000, $queen-s-coat, 20%);
.element {
color: $queen-s-coat;
box-shadow: 0 0 0 2px rgba($queen-s-coat, 0.35);
}