Couleur nommée la plus proche · #DABF97
#DABF97
Couleur nommée la plus proche: Crepe
#DABF97 (rgb(218 191 151), hsl(36 48% 72%), oklch(0.818 0.062 77.4)) est la plus proche de la couleur nommée Crepe. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DABF97
oklch(0.818 0.062 77.4)
Conversions de couleur
- HEX
- #dabf97
- RGB
- rgb(218 191 151)
- HSL
- hsl(36 48% 72%)
- HWB
- hwb(36 59% 15%)
- OKLCH
- oklch(0.818 0.062 77.4)
- OKLab
- oklab(0.818 0.013 0.06)
- CIE Lab
- lab(78.94 5.6 23.97)
- LCH
- lch(78.94 24.61 76.9)
- CMYK
- cmyk(0% 12% 31% 15%)
Teintes · Ombres · Tons
Teintes
- DEC5A1
- E1CCAC
- E5D2B6
- E9D8C0
- EDDFCB
- F0E5D5
- F4ECE0
- F8F2EA
- FBF9F4
Ombres
- BDA683
- A28D6F
- 87755C
- 6C5E49
- 544837
- 3C3326
- 251F17
- 110D08
- 020201
Tons
- D1B995
- C7B293
- BEAC91
- B5A58E
- AC9F8C
- A3998A
- 9A9387
- 918C85
- 898683
Harmonies de couleurs
Complémentaire +180°
- DABF97
Crepe
- ABC5EC
≈ Sky High
Analogue -30° +30°
- DABF97
Crepe
- E6B8A2
≈ Warming Peach
- C7C799
≈ Paris Mint
Triadique +120° +240°
- DABF97
Crepe
- 94D0D1
≈ Big Surf
- D4B8DE
≈ Pretty Petunia
Complémentaire divisée +150° +210°
- DABF97
Crepe
- 9ACCE3
≈ Spring Tide
- C0BEEA
≈ Vodka
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.76:1 · APCA Lc 32
Ag
AAASur noir
WCAG 11.88:1 · APCA Lc 70
Meilleure couleur de texte: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
Extraits de code
CSS
:root {
--crepe: #dabf97;
--crepe-rgb: 218 191 151;
--crepe-oklch: oklch(0.818 0.062 77.4);
}
.element {
color: var(--crepe);
background-color: hsl(36 48% 72%);
border-color: oklch(0.818 0.062 77.4);
}Tailwind CSS v4
@theme {
--color-crepe: #dabf97;
--color-crepe-50: #fff4e2;
--color-crepe-100: #f3e6d1;
--color-crepe-200: #e3d2b7;
--color-crepe-300: #c8b494;
--color-crepe-400: #b39a76;
--color-crepe-500: #9d8157;
--color-crepe-600: #856d4a;
--color-crepe-700: #6a573b;
--color-crepe-800: #4f3f2a;
--color-crepe-900: #372c1c;
--color-crepe-950: #22190c;
}SCSS
$crepe: #dabf97;
$crepe-rgb: 218, 191, 151;
$crepe-light: mix(#fff, $crepe, 20%);
$crepe-dark: mix(#000, $crepe, 20%);
.element {
color: $crepe;
box-shadow: 0 0 0 2px rgba($crepe, 0.35);
}