En yakın adlandırılmış renk · #D1BE97
#D1BE97
En yakın adlandırılmış renk: Intimate Journal
#D1BE97 (rgb(209 190 151), hsl(40 39% 71%), oklch(0.808 0.056 85)) en çok Intimate Journal adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D1BE97
oklch(0.808 0.056 85)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6C4A1
- DACBAC
- DFD1B6
- E3D8C0
- E8DECB
- ECE5D5
- F1EBDF
- F6F2EA
- FAF8F4
Koyu tonlar
- B5A583
- 9B8C6F
- 81755C
- 685E49
- 504837
- 393326
- 231F17
- 100D08
- 020201
Gri tonlar
- C9B895
- C0B193
- B8AB91
- B0A58E
- A89F8C
- A0988A
- 989287
- 908C85
- 888683
Renk uyumları
Tamamlayıcı +180°
- D1BE97
Intimate Journal
- AEC0E6
≈ Promise
Analog -30° +30°
- D1BE97
Intimate Journal
- DEB79E
≈ Wassail
- BEC59C
≈ Seagrass
Üçlü +120° +240°
- D1BE97
Intimate Journal
- 95CBD2
≈ Gentle Aquamarine
- D3B4D5
≈ Confectionary
Bölünmüş tamamlayıcı +150° +210°
- D1BE97
Intimate Journal
- 9DC7E0
≈ Legacy Blue
- C2BAE2
≈ Melrose
Dörtlü +90° +180° +270°
- D1BE97
Intimate Journal
- 9ACDBE
≈ Thermal Aqua
- AEC0E6
≈ Promise
- DFB2C2
≈ Mental Floss
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.82:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.52:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
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);
}