Couleur nommée la plus proche · #CC7C6A
#CC7C6A
Couleur nommée la plus proche: Himalayan Salt
#CC7C6A (rgb(204 124 106), hsl(11 49% 61%), oklch(0.668 0.104 33.5)) est la plus proche de la couleur nommée Himalayan Salt. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CC7C6A
oklch(0.668 0.104 33.5)
Conversions de couleur
- HEX
- #cc7c6a
- RGB
- rgb(204 124 106)
- HSL
- hsl(11 49% 61%)
- HWB
- hwb(11 42% 20%)
- OKLCH
- oklch(0.668 0.104 33.5)
- OKLab
- oklab(0.668 0.087 0.057)
- CIE Lab
- lab(60.57 30.51 23.74)
- LCH
- lch(60.57 38.66 37.9)
- CMYK
- cmyk(0% 39% 48% 20%)
Teintes · Ombres · Tons
Teintes
- D28978
- D89687
- DEA395
- E3B0A4
- E8BDB3
- EDCAC2
- F2D7D1
- F7E4E0
- FBF2EF
Ombres
- B16B5B
- 975A4D
- 7E4A3F
- 653B31
- 4E2C24
- 371E18
- 22110D
- 0F0504
- 020100
Tons
- C57D6D
- BE7E6F
- B67E71
- AF7F74
- A77F76
- A08078
- 98807A
- 90807C
- 88807E
Harmonies de couleurs
Complémentaire +180°
- CC7C6A
Himalayan Salt
- 31A5BB
≈ Jamaican Sea
Analogue -30° +30°
- CC7C6A
Himalayan Salt
- CA788E
≈ Devilish Diva
- C1864C
≈ Rookwood Amber
Triadique +120° +240°
- CC7C6A
Himalayan Salt
- 5EA776
≈ Aqua Forest
- 8090D4
≈ Mood Mode
Complémentaire divisée +150° +210°
- CC7C6A
Himalayan Salt
- 34A99B
≈ Tropical Hideaway
- 589BCF
≈ Tall Waves
Tétradique +90° +180° +270°
- CC7C6A
Himalayan Salt
- 889F55
≈ Springview Green
- 31A5BB
≈ Jamaican Sea
- A284C9
≈ Lilac Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.15:1 · APCA Lc 58
Ag
AASur noir
WCAG 6.65:1 · APCA Lc 43
Meilleure couleur de texte: #000000
WCAG 6.65:1 (AA) · APCA Lc 43
Contrast pairs
Extraits de code
CSS
:root {
--himalayan-salt: #cc7c6a;
--himalayan-salt-rgb: 204 124 106;
--himalayan-salt-oklch: oklch(0.668 0.104 33.5);
}
.element {
color: var(--himalayan-salt);
background-color: hsl(11 49% 61%);
border-color: oklch(0.668 0.104 33.5);
}Tailwind CSS v4
@theme {
--color-himalayan-salt: #cc7c6a;
--color-himalayan-salt-50: #ffebe1;
--color-himalayan-salt-100: #ffdcd1;
--color-himalayan-salt-200: #fdc5b6;
--color-himalayan-salt-300: #e7a593;
--color-himalayan-salt-400: #d48776;
--color-himalayan-salt-500: #c16b58;
--color-himalayan-salt-600: #a35b4b;
--color-himalayan-salt-700: #83483b;
--color-himalayan-salt-800: #61342b;
--color-himalayan-salt-900: #44231d;
--color-himalayan-salt-950: #2c120d;
}SCSS
$himalayan-salt: #cc7c6a;
$himalayan-salt-rgb: 204, 124, 106;
$himalayan-salt-light: mix(#fff, $himalayan-salt, 20%);
$himalayan-salt-dark: mix(#000, $himalayan-salt, 20%);
.element {
color: $himalayan-salt;
box-shadow: 0 0 0 2px rgba($himalayan-salt, 0.35);
}