Adlandırılmış renk · #A5654A
Toffee Glaze
Toffee Glaze, #A5654A: rgb(165 101 74), hsl(18 38% 47%), oklch(0.571 0.092 43.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Toffee Glaze color name →
#A5654A
oklch(0.571 0.092 43.4)
Renk dönüşümleri
- HEX
- #a5654a
- RGB
- rgb(165 101 74)
- HSL
- hsl(18 38% 47%)
- HWB
- hwb(18 29% 35%)
- OKLCH
- oklch(0.571 0.092 43.4)
- OKLab
- oklab(0.571 0.067 0.063)
- CIE Lab
- lab(49.64 24.44 26.66)
- LCH
- lch(49.64 36.17 47.5)
- CMYK
- cmyk(0% 39% 55% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AF745B
- B8836D
- C1927E
- CBA190
- D4B0A2
- DDC0B4
- E5CFC6
- EEDFD9
- F7EFEC
Koyu tonlar
- 8F573F
- 794935
- 653C2A
- 512F20
- 3D2217
- 2B170E
- 1A0C06
- 0A0302
- 010000
Gri tonlar
- A26850
- 9F6B56
- 9B6E5B
- 987161
- 947466
- 90766B
- 8D7971
- 897B76
- 847E7B
Renk uyumları
Tamamlayıcı +180°
- A5654A
Toffee Glaze
- 2A839F
≈ Kings of Sea
Analog -30° +30°
- A5654A
Toffee Glaze
- A76068
≈ Marble Red
- 986F34
≈ Damascene
Üçlü +120° +240°
- A5654A
Toffee Glaze
- 3C8968
≈ Mallard Green
- 7170AC
≈ Jacaranda Jazz
Bölünmüş tamamlayıcı +150° +210°
- A5654A
Toffee Glaze
- 1A8887
≈ Tubbataha Teal
- 4F7AAD
≈ Sage Blossom Blue
Dörtlü +90° +180° +270°
- A5654A
Toffee Glaze
- 62834A
≈ Talipot Palm
- 2A839F
≈ Kings of Sea
- 8B679E
≈ Viola Grey
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.60:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.56:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.60:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--toffee-glaze: #a5654a;
--toffee-glaze-rgb: 165 101 74;
--toffee-glaze-oklch: oklch(0.571 0.092 43.4);
}
.element {
color: var(--toffee-glaze);
background-color: hsl(18 38% 47%);
border-color: oklch(0.571 0.092 43.4);
}Tailwind CSS v4
@theme {
--color-toffee-glaze: #a5654a;
--color-toffee-glaze-50: #ffeee0;
--color-toffee-glaze-100: #ffdfcf;
--color-toffee-glaze-200: #f7c9b4;
--color-toffee-glaze-300: #e0a990;
--color-toffee-glaze-400: #cd8d72;
--color-toffee-glaze-500: #b97153;
--color-toffee-glaze-600: #9c6047;
--color-toffee-glaze-700: #7d4d38;
--color-toffee-glaze-800: #5d3729;
--color-toffee-glaze-900: #41261b;
--color-toffee-glaze-950: #2a140c;
}SCSS
$toffee-glaze: #a5654a;
$toffee-glaze-rgb: 165, 101, 74;
$toffee-glaze-light: mix(#fff, $toffee-glaze, 20%);
$toffee-glaze-dark: mix(#000, $toffee-glaze, 20%);
.element {
color: $toffee-glaze;
box-shadow: 0 0 0 2px rgba($toffee-glaze, 0.35);
}