Adlandırılmış renk · #883344
Honey Chilli
Honey Chilli, #883344: rgb(136 51 68), hsl(348 45% 37%), oklch(0.446 0.117 11). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Honey Chilli color name →
#883344
oklch(0.446 0.117 11)
Renk dönüşümleri
- HEX
- #883344
- RGB
- rgb(136 51 68)
- HSL
- hsl(348 45% 37%)
- HWB
- hwb(348 20% 47%)
- OKLCH
- oklch(0.446 0.117 11)
- OKLab
- oklab(0.446 0.115 0.022)
- CIE Lab
- lab(34.4 38.07 9.44)
- LCH
- lch(34.4 39.23 13.9)
- CMYK
- cmyk(0% 63% 50% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 954755
- A25B66
- AF6F78
- BB838A
- C7979C
- D3ABAF
- DEC0C3
- E9D5D7
- F4EAEB
Koyu tonlar
- 752B3A
- 632330
- 521C26
- 41141D
- 310D14
- 22070C
- 130305
- 060102
- 010000
Gri tonlar
- 883C4A
- 894450
- 894C55
- 88545B
- 885C61
- 876367
- 866B6D
- 847274
- 82797A
Renk uyumları
Tamamlayıcı +180°
- 883344
Honey Chilli
- 00615E
≈ Emerald Stone
Analog -30° +30°
- 883344
Honey Chilli
- 7D3667
≈ Ayame Iris
- 883919
≈ Dusky Orange
Üçlü +120° +240°
- 883344
Honey Chilli
- 3C6009
≈ Rainforest Matcha
- 145692
≈ Bandana
Bölünmüş tamamlayıcı +150° +210°
- 883344
Honey Chilli
- 006542
≈ Aotake Bamboo
- 005E74
≈ Lyons Blue
Dörtlü +90° +180° +270°
- 883344
Honey Chilli
- 605500
≈ Olive Brown
- 00615E
≈ Emerald Stone
- 4A4A93
≈ Merlin’s Robe
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.06:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.60:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 8.06:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--honey-chilli: #883344;
--honey-chilli-rgb: 136 51 68;
--honey-chilli-oklch: oklch(0.446 0.117 11);
}
.element {
color: var(--honey-chilli);
background-color: hsl(348 45% 37%);
border-color: oklch(0.446 0.117 11);
}Tailwind CSS v4
@theme {
--color-honey-chilli: #883344;
--color-honey-chilli-50: #ffe8ec;
--color-honey-chilli-100: #ffd9dd;
--color-honey-chilli-200: #ffc0c6;
--color-honey-chilli-300: #ed9fa6;
--color-honey-chilli-400: #da808d;
--color-honey-chilli-500: #c66273;
--color-honey-chilli-600: #a85361;
--color-honey-chilli-700: #87434e;
--color-honey-chilli-800: #64303a;
--color-honey-chilli-900: #462028;
--color-honey-chilli-950: #2d0f16;
}SCSS
$honey-chilli: #883344;
$honey-chilli-rgb: 136, 51, 68;
$honey-chilli-light: mix(#fff, $honey-chilli, 20%);
$honey-chilli-dark: mix(#000, $honey-chilli, 20%);
.element {
color: $honey-chilli;
box-shadow: 0 0 0 2px rgba($honey-chilli, 0.35);
}