Couleur nommée la plus proche · #69353A
#69353A
Couleur nommée la plus proche: Hot Chocolate
#69353A (rgb(105 53 58), hsl(354 33% 31%), oklch(0.397 0.074 14.9)) 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.
#69353A
oklch(0.397 0.074 14.9)
Conversions de couleur
- HEX
- #69353a
- RGB
- rgb(105 53 58)
- HSL
- hsl(354 33% 31%)
- HWB
- hwb(354 21% 59%)
- OKLCH
- oklch(0.397 0.074 14.9)
- OKLab
- oklab(0.397 0.072 0.019)
- CIE Lab
- lab(29.29 24.09 7.91)
- LCH
- lch(29.29 25.35 18.2)
- CMYK
- cmyk(0% 50% 45% 59%)
Teintes · Ombres · Tons
Teintes
- 78484B
- 875A5D
- 966E70
- A58183
- B49597
- C3AAAB
- D2BEBF
- E1D4D4
- F0E9E9
Ombres
- 5A2D31
- 4C2528
- 3E1D20
- 311518
- 240E10
- 180809
- 0C0304
- 040101
- 000000
Tons
- 6C3D41
- 6F4447
- 724C4E
- 745355
- 775B5C
- 796263
- 7B696A
- 7D7171
- 7E7879
Harmonies de couleurs
Complémentaire +180°
- 69353A
Hot Chocolate
- 005252
≈ Wool Turquoise
Analogue -30° +30°
- 69353A
Hot Chocolate
- 633650
≈ Vintage Wine
- 683923
≈ Searing Gorge Brown
Triadique +120° +240°
- 69353A
Hot Chocolate
- 355025
≈ Chestnut Green
- 2A486E
≈ Grape Blue
Complémentaire divisée +150° +210°
- 69353A
Hot Chocolate
- 13533D
≈ Sacramento State Green
- 034F65
≈ Hanada Blue
Tétradique +90° +180° +270°
- 69353A
Hot Chocolate
- 4D4911
≈ Sugarloaf Brown
- 005252
≈ Wool Turquoise
- 43416D
≈ Overcast Night
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.67:1 · APCA Lc 92
Ag
FailSur noir
WCAG 2.17:1 · APCA Lc 10
Meilleure couleur de texte: #FFFFFF
WCAG 9.67:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
CSS
:root {
--hot-chocolate: #69353a;
--hot-chocolate-rgb: 105 53 58;
--hot-chocolate-oklch: oklch(0.397 0.074 14.9);
}
.element {
color: var(--hot-chocolate);
background-color: hsl(354 33% 31%);
border-color: oklch(0.397 0.074 14.9);
}Tailwind CSS v4
@theme {
--color-hot-chocolate: #69353a;
--color-hot-chocolate-50: #ffeded;
--color-hot-chocolate-100: #ffdfdf;
--color-hot-chocolate-200: #f3c8c9;
--color-hot-chocolate-300: #dba9aa;
--color-hot-chocolate-400: #c68d90;
--color-hot-chocolate-500: #b27276;
--color-hot-chocolate-600: #966064;
--color-hot-chocolate-700: #794d50;
--color-hot-chocolate-800: #59383b;
--color-hot-chocolate-900: #3e2628;
--color-hot-chocolate-950: #271416;
}SCSS
$hot-chocolate: #69353a;
$hot-chocolate-rgb: 105, 53, 58;
$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);
}