Adlandırılmış renk · #CC9955
Sugar Glazed Cashew
Sugar Glazed Cashew, #CC9955: rgb(204 153 85), hsl(34 54% 57%), oklch(0.717 0.105 72.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Sugar Glazed Cashew color name →
#CC9955
oklch(0.717 0.105 72.7)
Renk dönüşümleri
- HEX
- #cc9955
- RGB
- rgb(204 153 85)
- HSL
- hsl(34 54% 57%)
- HWB
- hwb(34 33% 20%)
- OKLCH
- oklch(0.717 0.105 72.7)
- OKLab
- oklab(0.717 0.031 0.1)
- CIE Lab
- lab(67.14 14.21 43.01)
- LCH
- lch(67.14 45.29 71.7)
- CMYK
- cmyk(0% 25% 58% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D1A367
- D7AD79
- DCB88A
- E1C29B
- E6CCAB
- EBD6BC
- F0E0CD
- F5EADD
- FAF5EE
Koyu tonlar
- B18449
- 97703D
- 7E5D31
- 654A26
- 4E381C
- 372711
- 221708
- 0F0802
- 020100
Gri tonlar
- C4975B
- BD9461
- B59266
- AE906A
- A68D6E
- 9E8B72
- 978876
- 8F857A
- 88837D
Renk uyumları
Tamamlayıcı +180°
- CC9955
Sugar Glazed Cashew
- 73A8E4
≈ Greek Sea
Analog -30° +30°
- CC9955
Sugar Glazed Cashew
- DB8D6E
≈ Copper Wire
- B0A754
≈ Pickled
Üçlü +120° +240°
- CC9955
Sugar Glazed Cashew
- 40B8B5
≈ Green Grapple
- BB90D3
≈ Pale Purple
Bölünmüş tamamlayıcı +150° +210°
- CC9955
Sugar Glazed Cashew
- 4CB2D3
≈ Epimetheus
- 9A9BE4
≈ Cold Lips
Dörtlü +90° +180° +270°
- CC9955
Sugar Glazed Cashew
- 5FB890
≈ Crazy Eyes
- 73A8E4
≈ Greek Sea
- D289B5
≈ Cyclamen
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.54:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.25:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.25:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--sugar-glazed-cashew: #cc9955;
--sugar-glazed-cashew-rgb: 204 153 85;
--sugar-glazed-cashew-oklch: oklch(0.717 0.105 72.7);
}
.element {
color: var(--sugar-glazed-cashew);
background-color: hsl(34 54% 57%);
border-color: oklch(0.717 0.105 72.7);
}Tailwind CSS v4
@theme {
--color-sugar-glazed-cashew: #cc9955;
--color-sugar-glazed-cashew-50: #fff2d5;
--color-sugar-glazed-cashew-100: #fde4c2;
--color-sugar-glazed-cashew-200: #efcea3;
--color-sugar-glazed-cashew-300: #d7b07a;
--color-sugar-glazed-cashew-400: #c49455;
--color-sugar-glazed-cashew-500: #b07a29;
--color-sugar-glazed-cashew-600: #956725;
--color-sugar-glazed-cashew-700: #77521d;
--color-sugar-glazed-cashew-800: #593b14;
--color-sugar-glazed-cashew-900: #3e290c;
--color-sugar-glazed-cashew-950: #271601;
}SCSS
$sugar-glazed-cashew: #cc9955;
$sugar-glazed-cashew-rgb: 204, 153, 85;
$sugar-glazed-cashew-light: mix(#fff, $sugar-glazed-cashew, 20%);
$sugar-glazed-cashew-dark: mix(#000, $sugar-glazed-cashew, 20%);
.element {
color: $sugar-glazed-cashew;
box-shadow: 0 0 0 2px rgba($sugar-glazed-cashew, 0.35);
}