Couleur nommée la plus proche · #6A3535
#6A3535
Couleur nommée la plus proche: Hot Chocolate
#6A3535 (rgb(106 53 53), hsl(0 33% 31%), oklch(0.398 0.076 21)) est la plus proche de la couleur nommée Hot Chocolate. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#6A3535
oklch(0.398 0.076 21)
Conversions de couleur
- HEX
- #6a3535
- RGB
- rgb(106 53 53)
- HSL
- hsl(0 33% 31%)
- HWB
- hwb(0 21% 58%)
- OKLCH
- oklch(0.398 0.076 21)
- OKLab
- oklab(0.398 0.071 0.027)
- CIE Lab
- lab(29.35 24.1 11.28)
- LCH
- lch(29.35 26.61 25.1)
- CMYK
- cmyk(0% 50% 50% 58%)
Teintes · Ombres · Tons
Teintes
- 794847
- 885A59
- 976E6C
- A68180
- B59594
- C4AAA8
- D2BEBD
- E1D4D3
- F0E9E9
Ombres
- 5B2D2D
- 4D2525
- 3F1D1D
- 311515
- 240E0E
- 180808
- 0D0303
- 040101
- 000000
Tons
- 6D3D3C
- 704443
- 724C4B
- 755352
- 775B5A
- 796261
- 7B6969
- 7D7170
- 7F7878
Harmonies de couleurs
Complémentaire +180°
- 6A3535
Hot Chocolate
- 005256
≈ Emerald Spring
Analogue -30° +30°
- 6A3535
Hot Chocolate
- 65354C
≈ Grape Wine
- 673A1E
≈ Cassiterite Brown
Triadique +120° +240°
- 6A3535
Hot Chocolate
- 2F5129
≈ Chestnut Green
- 2F4770
≈ Hydrogen Blue
Complémentaire divisée +150° +210°
- 6A3535
Hot Chocolate
- 055442
≈ Tetsu Green
- 0A4E68
≈ Hanada Blue
Tétradique +90° +180° +270°
- 6A3535
Hot Chocolate
- 494B13
≈ No Emissions Green
- 005256
≈ Emerald Spring
- 473F6D
≈ Opera Blue
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.66:1 · APCA Lc 92
Ag
FailSur noir
WCAG 2.17:1 · APCA Lc 10
Meilleure couleur de texte: #FFFFFF
WCAG 9.66:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
CSS
:root {
--hot-chocolate: #6a3535;
--hot-chocolate-rgb: 106 53 53;
--hot-chocolate-oklch: oklch(0.398 0.076 21);
}
.element {
color: var(--hot-chocolate);
background-color: hsl(0 33% 31%);
border-color: oklch(0.398 0.076 21);
}Tailwind CSS v4
@theme {
--color-hot-chocolate: #6a3535;
--color-hot-chocolate-50: #ffedeb;
--color-hot-chocolate-100: #ffdfdc;
--color-hot-chocolate-200: #f3c8c5;
--color-hot-chocolate-300: #dca9a5;
--color-hot-chocolate-400: #c78d8b;
--color-hot-chocolate-500: #b37270;
--color-hot-chocolate-600: #97605f;
--color-hot-chocolate-700: #794d4c;
--color-hot-chocolate-800: #5a3838;
--color-hot-chocolate-900: #3f2626;
--color-hot-chocolate-950: #281415;
}SCSS
$hot-chocolate: #6a3535;
$hot-chocolate-rgb: 106, 53, 53;
$hot-chocolate-light: mix(#fff, $hot-chocolate, 20%);
$hot-chocolate-dark: mix(#000, $hot-chocolate, 20%);
.element {
color: $hot-chocolate;
box-shadow: 0 0 0 2px rgba($hot-chocolate, 0.35);
}