En yakın adlandırılmış renk · #C46152
#C46152
En yakın adlandırılmış renk: Too Hot to Handle
#C46152 (rgb(196 97 82), hsl(8 49% 55%), oklch(0.608 0.13 30.2)) en çok Too Hot to Handle adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C46152
oklch(0.608 0.13 30.2)
Renk dönüşümleri
- HEX
- #c46152
- RGB
- rgb(196 97 82)
- HSL
- hsl(8 49% 55%)
- HWB
- hwb(8 32% 23%)
- OKLCH
- oklch(0.608 0.13 30.2)
- OKLab
- oklab(0.608 0.112 0.065)
- CIE Lab
- lab(53.34 39.46 27.85)
- LCH
- lch(53.34 48.3 35.2)
- CMYK
- cmyk(0% 51% 58% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CB7163
- D38173
- D99184
- E0A095
- E6B0A6
- ECC0B8
- F1CFC9
- F6DFDB
- FBEFED
Koyu tonlar
- AA5346
- 91463B
- 78392F
- 612D25
- 4A211A
- 351511
- 210B08
- 0E0302
- 020000
Gri tonlar
- BE6557
- B8695C
- B26D61
- AB7066
- A5736A
- 9E766F
- 977973
- 907B77
- 887E7C
Renk uyumları
Tamamlayıcı +180°
- C46152
Too Hot to Handle
- 0093A5
≈ Tile Blue
Analog -30° +30°
- C46152
Too Hot to Handle
- BF5E7F
≈ Beauty Queen
- BA6D20
≈ Thai Curry
Üçlü +120° +240°
- C46152
Too Hot to Handle
- 3E9857
≈ Alpine Herbs
- 657DD0
≈ Indigo Light
Bölünmüş tamamlayıcı +150° +210°
- C46152
Too Hot to Handle
- 009885
≈ Plumage
- 1F8BC8
≈ Newport Blue
Dörtlü +90° +180° +270°
- C46152
Too Hot to Handle
- 798D24
≈ Foggy Bog
- 0093A5
≈ Tile Blue
- 8F6FC4
≈ True V
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.05:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.17:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--too-hot-to-handle: #c46152;
--too-hot-to-handle-rgb: 196 97 82;
--too-hot-to-handle-oklch: oklch(0.608 0.13 30.2);
}
.element {
color: var(--too-hot-to-handle);
background-color: hsl(8 49% 55%);
border-color: oklch(0.608 0.13 30.2);
}Tailwind CSS v4
@theme {
--color-too-hot-to-handle: #c46152;
--color-too-hot-to-handle-50: #ffe8de;
--color-too-hot-to-handle-100: #ffd9cd;
--color-too-hot-to-handle-200: #ffc0b2;
--color-too-hot-to-handle-300: #f29e8d;
--color-too-hot-to-handle-400: #e07f70;
--color-too-hot-to-handle-500: #ce6050;
--color-too-hot-to-handle-600: #ae5244;
--color-too-hot-to-handle-700: #8c4136;
--color-too-hot-to-handle-800: #682e28;
--color-too-hot-to-handle-900: #491f1b;
--color-too-hot-to-handle-950: #300f0b;
}SCSS
$too-hot-to-handle: #c46152;
$too-hot-to-handle-rgb: 196, 97, 82;
$too-hot-to-handle-light: mix(#fff, $too-hot-to-handle, 20%);
$too-hot-to-handle-dark: mix(#000, $too-hot-to-handle, 20%);
.element {
color: $too-hot-to-handle;
box-shadow: 0 0 0 2px rgba($too-hot-to-handle, 0.35);
}