Couleur nommée la plus proche · #C1C3B1
#C1C3B1
Couleur nommée la plus proche: Tropical Fog
#C1C3B1 (rgb(193 195 177), hsl(67 13% 73%), oklch(0.811 0.025 112.1)) est la plus proche de la couleur nommée Tropical Fog. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C1C3B1
oklch(0.811 0.025 112.1)
Conversions de couleur
- HEX
- #c1c3b1
- RGB
- rgb(193 195 177)
- HSL
- hsl(67 13% 73%)
- HWB
- hwb(67 69% 24%)
- OKLCH
- oklch(0.811 0.025 112.1)
- OKLab
- oklab(0.811 -0.009 0.023)
- CIE Lab
- lab(78.26 -3.09 8.83)
- LCH
- lch(78.26 9.36 109.3)
- CMYK
- cmyk(1% 0% 9% 24%)
Teintes · Ombres · Tons
Teintes
- C7C9B9
- CDCFC0
- D3D5C8
- D9DBD0
- E0E1D7
- E6E7DF
- ECEDE7
- F2F3EF
- F9F9F7
Ombres
- A7A999
- 8F9083
- 77786C
- 5F6057
- 494A42
- 34342F
- 20201C
- 0E0E0C
- 020201
Tons
- BABCAC
- B4B5A7
- ADAEA2
- A6A89D
- A0A198
- 999A93
- 93948E
- 8D8D8A
- 868685
Harmonies de couleurs
Complémentaire +180°
- C1C3B1
Tropical Fog
- C1BFD0
≈ Gentleman’s Suit
Analogue -30° +30°
- C1C3B1
Tropical Fog
- C9C0B0
≈ Malibu Beige
- B8C5B7
≈ Median Green
Triadique +120° +240°
- C1C3B1
Tropical Fog
- B2C4CF
≈ Blue Luna
- CFBBC3
≈ Rose Marble
Complémentaire divisée +150° +210°
- C1C3B1
Tropical Fog
- B8C2D2
≈ Pageant Song
- C9BCCB
≈ My Mona
Tétradique +90° +180° +270°
- C1C3B1
Tropical Fog
- AFC6C8
≈ Blue Agave
- C1BFD0
≈ Gentleman’s Suit
- D1BBBA
≈ Mediterranean Sunset
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.79:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.70:1 · APCA Lc 69
Meilleure couleur de texte: #000000
WCAG 11.70:1 (AAA) · APCA Lc 69
Contrast pairs
Extraits de code
CSS
:root {
--tropical-fog: #c1c3b1;
--tropical-fog-rgb: 193 195 177;
--tropical-fog-oklch: oklch(0.811 0.025 112.1);
}
.element {
color: var(--tropical-fog);
background-color: hsl(67 13% 73%);
border-color: oklch(0.811 0.025 112.1);
}Tailwind CSS v4
@theme {
--color-tropical-fog: #c1c3b1;
--color-tropical-fog-50: #f5f6ee;
--color-tropical-fog-100: #e7e9e0;
--color-tropical-fog-200: #d4d6ca;
--color-tropical-fog-300: #b7b9ab;
--color-tropical-fog-400: #9ea090;
--color-tropical-fog-500: #868875;
--color-tropical-fog-600: #727364;
--color-tropical-fog-700: #5b5c4f;
--color-tropical-fog-800: #434339;
--color-tropical-fog-900: #2e2e27;
--color-tropical-fog-950: #1b1b15;
}SCSS
$tropical-fog: #c1c3b1;
$tropical-fog-rgb: 193, 195, 177;
$tropical-fog-light: mix(#fff, $tropical-fog, 20%);
$tropical-fog-dark: mix(#000, $tropical-fog, 20%);
.element {
color: $tropical-fog;
box-shadow: 0 0 0 2px rgba($tropical-fog, 0.35);
}