Couleur nommée la plus proche · #D1BE97
#D1BE97
Couleur nommée la plus proche: Intimate Journal
#D1BE97 (rgb(209 190 151), hsl(40 39% 71%), oklch(0.808 0.056 85)) est la plus proche de la couleur nommée Intimate Journal. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D1BE97
oklch(0.808 0.056 85)
Conversions de couleur
- HEX
- #d1be97
- RGB
- rgb(209 190 151)
- HSL
- hsl(40 39% 71%)
- HWB
- hwb(40 59% 18%)
- OKLCH
- oklch(0.808 0.056 85)
- OKLab
- oklab(0.808 0.005 0.056)
- CIE Lab
- lab(77.86 2.57 22.35)
- LCH
- lch(77.86 22.5 83.4)
- CMYK
- cmyk(0% 9% 28% 18%)
Teintes · Ombres · Tons
Teintes
- D6C4A1
- DACBAC
- DFD1B6
- E3D8C0
- E8DECB
- ECE5D5
- F1EBDF
- F6F2EA
- FAF8F4
Ombres
- B5A583
- 9B8C6F
- 81755C
- 685E49
- 504837
- 393326
- 231F17
- 100D08
- 020201
Tons
- C9B895
- C0B193
- B8AB91
- B0A58E
- A89F8C
- A0988A
- 989287
- 908C85
- 888683
Harmonies de couleurs
Complémentaire +180°
- D1BE97
Intimate Journal
- AEC0E6
≈ Promise
Analogue -30° +30°
- D1BE97
Intimate Journal
- DEB79E
≈ Wassail
- BEC59C
≈ Seagrass
Triadique +120° +240°
- D1BE97
Intimate Journal
- 95CBD2
≈ Gentle Aquamarine
- D3B4D5
≈ Confectionary
Complémentaire divisée +150° +210°
- D1BE97
Intimate Journal
- 9DC7E0
≈ Legacy Blue
- C2BAE2
≈ Melrose
Tétradique +90° +180° +270°
- D1BE97
Intimate Journal
- 9ACDBE
≈ Thermal Aqua
- AEC0E6
≈ Promise
- DFB2C2
≈ Mental Floss
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.82:1 · APCA Lc 34
Ag
AAASur noir
WCAG 11.52:1 · APCA Lc 69
Meilleure couleur de texte: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
Extraits de code
CSS
:root {
--intimate-journal: #d1be97;
--intimate-journal-rgb: 209 190 151;
--intimate-journal-oklch: oklch(0.808 0.056 85);
}
.element {
color: var(--intimate-journal);
background-color: hsl(40 39% 71%);
border-color: oklch(0.808 0.056 85);
}Tailwind CSS v4
@theme {
--color-intimate-journal: #d1be97;
--color-intimate-journal-50: #fcf5e3;
--color-intimate-journal-100: #f0e7d3;
--color-intimate-journal-200: #dfd3b9;
--color-intimate-journal-300: #c4b697;
--color-intimate-journal-400: #ae9c78;
--color-intimate-journal-500: #97845a;
--color-intimate-journal-600: #806f4d;
--color-intimate-journal-700: #67593d;
--color-intimate-journal-800: #4c412c;
--color-intimate-journal-900: #352d1d;
--color-intimate-journal-950: #201a0d;
}SCSS
$intimate-journal: #d1be97;
$intimate-journal-rgb: 209, 190, 151;
$intimate-journal-light: mix(#fff, $intimate-journal, 20%);
$intimate-journal-dark: mix(#000, $intimate-journal, 20%);
.element {
color: $intimate-journal;
box-shadow: 0 0 0 2px rgba($intimate-journal, 0.35);
}