Adlandırılmış renk · #883F41
Cherry Cobbler
Cherry Cobbler, #883F41: rgb(136 63 65), hsl(358 37% 39%), oklch(0.463 0.1 20.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? → · Cherry Cobbler color name →
#883F41
oklch(0.463 0.1 20.1)
Renk dönüşümleri
- HEX
- #883f41
- RGB
- rgb(136 63 65)
- HSL
- hsl(358 37% 39%)
- HWB
- hwb(358 25% 47%)
- OKLCH
- oklch(0.463 0.1 20.1)
- OKLab
- oklab(0.463 0.094 0.034)
- CIE Lab
- lab(36.67 31.99 14.41)
- LCH
- lch(36.67 35.09 24.2)
- CMYK
- cmyk(0% 54% 52% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 955252
- A26464
- AE7676
- BA8988
- C69C9B
- D2AFAE
- DDC3C2
- E9D7D6
- F4EBEA
Koyu tonlar
- 753537
- 632C2E
- 522325
- 411B1C
- 311213
- 220A0B
- 130405
- 060101
- 010000
Gri tonlar
- 884647
- 884D4D
- 885454
- 885A5A
- 876160
- 866766
- 856D6D
- 847473
- 827A7A
Renk uyumları
Tamamlayıcı +180°
- 883F41
Cherry Cobbler
- 00666A
≈ Joyful Tears
Analog -30° +30°
- 883F41
Cherry Cobbler
- 813F61
≈ Ancient Royal Banner
- 84461E
≈ Russet
Üçlü +120° +240°
- 883F41
Cherry Cobbler
- 38662E
≈ Vegas Green
- 365890
≈ B’dazzled Blue
Bölünmüş tamamlayıcı +150° +210°
- 883F41
Cherry Cobbler
- 006951
≈ Peacock Green
- 006282
≈ Harem Silk
Dörtlü +90° +180° +270°
- 883F41
Cherry Cobbler
- 5D5D02
≈ Greensboro
- 00666A
≈ Joyful Tears
- 594E8C
≈ Purple Corallite
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.40:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.83:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.40:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--cherry-cobbler: #883f41;
--cherry-cobbler-rgb: 136 63 65;
--cherry-cobbler-oklch: oklch(0.463 0.1 20.1);
}
.element {
color: var(--cherry-cobbler);
background-color: hsl(358 37% 39%);
border-color: oklch(0.463 0.1 20.1);
}Tailwind CSS v4
@theme {
--color-cherry-cobbler: #883f41;
--color-cherry-cobbler-50: #ffebe8;
--color-cherry-cobbler-100: #ffdcd9;
--color-cherry-cobbler-200: #fdc4c1;
--color-cherry-cobbler-300: #e6a3a0;
--color-cherry-cobbler-400: #d38686;
--color-cherry-cobbler-500: #bf696a;
--color-cherry-cobbler-600: #a25a5a;
--color-cherry-cobbler-700: #824748;
--color-cherry-cobbler-800: #603335;
--color-cherry-cobbler-900: #442324;
--color-cherry-cobbler-950: #2b1213;
}SCSS
$cherry-cobbler: #883f41;
$cherry-cobbler-rgb: 136, 63, 65;
$cherry-cobbler-light: mix(#fff, $cherry-cobbler, 20%);
$cherry-cobbler-dark: mix(#000, $cherry-cobbler, 20%);
.element {
color: $cherry-cobbler;
box-shadow: 0 0 0 2px rgba($cherry-cobbler, 0.35);
}