Adlandırılmış renk · #CC8149
Sticky Toffee
Sticky Toffee, #CC8149: rgb(204 129 73), hsl(26 56% 54%), oklch(0.671 0.117 55.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Sticky Toffee color name →
#CC8149
oklch(0.671 0.117 55.8)
Renk dönüşümleri
- HEX
- #cc8149
- RGB
- rgb(204 129 73)
- HSL
- hsl(26 56% 54%)
- HWB
- hwb(26 29% 20%)
- OKLCH
- oklch(0.671 0.117 55.8)
- OKLab
- oklab(0.671 0.066 0.097)
- CIE Lab
- lab(61.29 26.02 42.42)
- LCH
- lch(61.29 49.76 58.5)
- CMYK
- cmyk(0% 37% 64% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D28E5C
- D89A6F
- DDA781
- E3B393
- E8C0A5
- EDCCB7
- F2D9C9
- F6E6DB
- FBF2ED
Koyu tonlar
- B16F3E
- 975E34
- 7E4E2A
- 653E20
- 4E2E17
- 371F0E
- 221206
- 0F0602
- 020100
Gri tonlar
- C58150
- BD8257
- B6825D
- AF8263
- A78268
- 9F826E
- 988172
- 908177
- 88817C
Renk uyumları
Tamamlayıcı +180°
- CC8149
Sticky Toffee
- 3FA0D4
≈ Peaceful River
Analog -30° +30°
- CC8149
Sticky Toffee
- D4776F
≈ Light Tomato
- B69033
≈ Hokey Pokey
Üçlü +120° +240°
- CC8149
Sticky Toffee
- 25AD92
≈ Wells of Wonder
- 9C86D5
≈ Indigo Bloom
Bölünmüş tamamlayıcı +150° +210°
- CC8149
Sticky Toffee
- 00A9B8
≈ Bluebird
- 7393DE
≈ Little Boy Blue
Dörtlü +90° +180° +270°
- CC8149
Sticky Toffee
- 63A968
≈ Deep Mint
- 3FA0D4
≈ Peaceful River
- BA7BBC
≈ Colombo Red Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.08:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.80:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--sticky-toffee: #cc8149;
--sticky-toffee-rgb: 204 129 73;
--sticky-toffee-oklch: oklch(0.671 0.117 55.8);
}
.element {
color: var(--sticky-toffee);
background-color: hsl(26 56% 54%);
border-color: oklch(0.671 0.117 55.8);
}Tailwind CSS v4
@theme {
--color-sticky-toffee: #cc8149;
--color-sticky-toffee-50: #ffeed5;
--color-sticky-toffee-100: #ffdfc2;
--color-sticky-toffee-200: #fbc8a3;
--color-sticky-toffee-300: #e5a97b;
--color-sticky-toffee-400: #d38b57;
--color-sticky-toffee-500: #c06f2d;
--color-sticky-toffee-600: #a25e28;
--color-sticky-toffee-700: #824b20;
--color-sticky-toffee-800: #613616;
--color-sticky-toffee-900: #44250e;
--color-sticky-toffee-950: #2c1302;
}SCSS
$sticky-toffee: #cc8149;
$sticky-toffee-rgb: 204, 129, 73;
$sticky-toffee-light: mix(#fff, $sticky-toffee, 20%);
$sticky-toffee-dark: mix(#000, $sticky-toffee, 20%);
.element {
color: $sticky-toffee;
box-shadow: 0 0 0 2px rgba($sticky-toffee, 0.35);
}