Couleur nommée la plus proche · #DFC2A6
#DFC2A6
Couleur nommée la plus proche: Larb Gai
#DFC2A6 (rgb(223 194 166), hsl(29 47% 76%), oklch(0.832 0.05 66)) est la plus proche de la couleur nommée Larb Gai. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DFC2A6
oklch(0.832 0.05 66)
Conversions de couleur
- HEX
- #dfc2a6
- RGB
- rgb(223 194 166)
- HSL
- hsl(29 47% 76%)
- HWB
- hwb(29 65% 13%)
- OKLCH
- oklch(0.832 0.05 66)
- OKLab
- oklab(0.832 0.02 0.046)
- CIE Lab
- lab(80.41 7.51 18.13)
- LCH
- lch(80.41 19.62 67.5)
- CMYK
- cmyk(0% 13% 26% 13%)
Teintes · Ombres · Tons
Teintes
- E2C8AF
- E6CEB8
- E9D4C0
- ECDAC9
- EFE0D2
- F2E6DB
- F6EDE4
- F9F3ED
- FCF9F6
Ombres
- C2A890
- A58F7A
- 8A7765
- 6F6051
- 56493E
- 3D342B
- 27201A
- 120E0A
- 020201
Tons
- D5BBA2
- CBB49F
- C2AE9B
- B8A797
- AFA193
- A59A8F
- 9C938C
- 928D88
- 898684
Harmonies de couleurs
Complémentaire +180°
- DFC2A6
Larb Gai
- AECCE7
≈ Featherbed
Analogue -30° +30°
- DFC2A6
Larb Gai
- E6BDB2
≈ Rose Fog
- D1C8A4
≈ Pale Olive
Triadique +120° +240°
- DFC2A6
Larb Gai
- A4D3CD
≈ Touch of Turquoise
- D0C0E2
≈ Purple Whisper
Complémentaire divisée +150° +210°
- DFC2A6
Larb Gai
- A3D1DD
≈ French Pass
- BEC6E9
≈ Pale Wisteria
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.69:1 · APCA Lc 30
Ag
AAASur noir
WCAG 12.40:1 · APCA Lc 73
Meilleure couleur de texte: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--larb-gai: #dfc2a6;
--larb-gai-rgb: 223 194 166;
--larb-gai-oklch: oklch(0.832 0.05 66);
}
.element {
color: var(--larb-gai);
background-color: hsl(29 47% 76%);
border-color: oklch(0.832 0.05 66);
}Tailwind CSS v4
@theme {
--color-larb-gai: #dfc2a6;
--color-larb-gai-50: #fff3e6;
--color-larb-gai-100: #f4e5d7;
--color-larb-gai-200: #e3d1be;
--color-larb-gai-300: #c9b39d;
--color-larb-gai-400: #b3997f;
--color-larb-gai-500: #9d8063;
--color-larb-gai-600: #856c54;
--color-larb-gai-700: #6b5743;
--color-larb-gai-800: #4f3f30;
--color-larb-gai-900: #372b21;
--color-larb-gai-950: #221910;
}SCSS
$larb-gai: #dfc2a6;
$larb-gai-rgb: 223, 194, 166;
$larb-gai-light: mix(#fff, $larb-gai, 20%);
$larb-gai-dark: mix(#000, $larb-gai, 20%);
.element {
color: $larb-gai;
box-shadow: 0 0 0 2px rgba($larb-gai, 0.35);
}