En yakın adlandırılmış renk · #9C5253
#9C5253
En yakın adlandırılmış renk: Cheek Red
#9C5253 (rgb(156 82 83), hsl(359 31% 47%), oklch(0.528 0.098 20.1)) en çok Cheek Red 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.
#9C5253
oklch(0.528 0.098 20.1)
Renk dönüşümleri
- HEX
- #9c5253
- RGB
- rgb(156 82 83)
- HSL
- hsl(359 31% 47%)
- HWB
- hwb(359 32% 39%)
- OKLCH
- oklch(0.528 0.098 20.1)
- OKLab
- oklab(0.528 0.092 0.034)
- CIE Lab
- lab(44.19 31.43 14.01)
- LCH
- lch(44.19 34.41 24)
- CMYK
- cmyk(0% 47% 47% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A76363
- B17373
- BC8483
- C69594
- D0A6A5
- DAB8B7
- E3C9C8
- EDDBDA
- F6EDED
Koyu tonlar
- 874647
- 733B3B
- 5F2F30
- 4C2525
- 391A1B
- 281111
- 180808
- 090202
- 010000
Gri tonlar
- 9A5758
- 985C5C
- 966161
- 936665
- 916A69
- 8E6F6E
- 8B7372
- 877877
- 847C7B
Renk uyumları
Tamamlayıcı +180°
- 9C5253
Cheek Red
- 007A80
≈ Tobernite
Analog -30° +30°
- 9C5253
Cheek Red
- 955273
≈ Sea Fan Fuchsia
- 985933
≈ Seared Earth
Üçlü +120° +240°
- 9C5253
Cheek Red
- 4B7941
≈ Mana Tree
- 496BA4
≈ San Marino
Bölünmüş tamamlayıcı +150° +210°
- 9C5253
Cheek Red
- 167D62
≈ Verdant Green
- 177599
≈ Bateau
Dörtlü +90° +180° +270°
- 9C5253
Cheek Red
- 6F7022
≈ Olivetone
- 007A80
≈ Tobernite
- 6B60A0
≈ Scampi
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.60:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.74:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.60:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--cheek-red: #9c5253;
--cheek-red-rgb: 156 82 83;
--cheek-red-oklch: oklch(0.528 0.098 20.1);
}
.element {
color: var(--cheek-red);
background-color: hsl(359 31% 47%);
border-color: oklch(0.528 0.098 20.1);
}Tailwind CSS v4
@theme {
--color-cheek-red: #9c5253;
--color-cheek-red-50: #ffebe8;
--color-cheek-red-100: #ffdcd9;
--color-cheek-red-200: #fcc4c1;
--color-cheek-red-300: #e6a4a1;
--color-cheek-red-400: #d28786;
--color-cheek-red-500: #bf6a6b;
--color-cheek-red-600: #a15a5a;
--color-cheek-red-700: #814848;
--color-cheek-red-800: #603435;
--color-cheek-red-900: #432324;
--color-cheek-red-950: #2b1213;
}SCSS
$cheek-red: #9c5253;
$cheek-red-rgb: 156, 82, 83;
$cheek-red-light: mix(#fff, $cheek-red, 20%);
$cheek-red-dark: mix(#000, $cheek-red, 20%);
.element {
color: $cheek-red;
box-shadow: 0 0 0 2px rgba($cheek-red, 0.35);
}