Màu có tên gần nhất · #D5BD99
#D5BD99
Màu có tên gần nhất: Crepe
#D5BD99 (rgb(213 189 153), hsl(36 42% 72%), oklch(0.81 0.056 77.8)) gần nhất với màu có tên Crepe. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#D5BD99
oklch(0.81 0.056 77.8)
Chuyển đổi màu
- HEX
- #d5bd99
- RGB
- rgb(213 189 153)
- HSL
- hsl(36 42% 72%)
- HWB
- hwb(36 60% 16%)
- OKLCH
- oklch(0.81 0.056 77.8)
- OKLab
- oklab(0.81 0.012 0.054)
- CIE Lab
- lab(78 4.83 21.56)
- LCH
- lch(78 22.09 77.4)
- CMYK
- cmyk(0% 11% 28% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D9C4A3
- DDCAAD
- E2D1B7
- E6D7C1
- EADECC
- EEE4D6
- F2EBE0
- F7F2EA
- FBF8F5
Sắc đậm
- B9A484
- 9E8C70
- 83745D
- 6A5D4A
- 514738
- 3A3327
- 241F17
- 100D08
- 020201
Sắc xám
- CCB797
- C3B194
- BBAA92
- B2A48F
- AA9E8D
- A1988A
- 999288
- 908C85
- 888683
Hòa sắc
Bổ túc +180°
- D5BD99
Crepe
- ABC3E5
≈ Promise
Tương đồng -30° +30°
- D5BD99
Crepe
- E0B7A2
≈ Coral Bay
- C4C49B
≈ Parlour Sage
Bộ ba +120° +240°
- D5BD99
Crepe
- 97CCCE
≈ Pentagon
- D0B6D9
≈ Confectionary
Bổ túc chia +150° +210°
- D5BD99
Crepe
- 9CC9DD
≈ Piezo Blue
- BEBCE3
≈ Pretty Posie
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.81:1 · APCA Lc 34
Ag
AAATrên nền đen
WCAG 11.56:1 · APCA Lc 69
Màu chữ tốt nhất: #000000
WCAG 11.56:1 (AAA) · APCA Lc 69
Contrast pairs
Đoạn mã
CSS
:root {
--crepe: #d5bd99;
--crepe-rgb: 213 189 153;
--crepe-oklch: oklch(0.81 0.056 77.8);
}
.element {
color: var(--crepe);
background-color: hsl(36 42% 72%);
border-color: oklch(0.81 0.056 77.8);
}Tailwind CSS v4
@theme {
--color-crepe: #d5bd99;
--color-crepe-50: #fef4e4;
--color-crepe-100: #f2e6d4;
--color-crepe-200: #e1d2ba;
--color-crepe-300: #c7b598;
--color-crepe-400: #b19b7a;
--color-crepe-500: #9b825c;
--color-crepe-600: #836e4e;
--color-crepe-700: #69583e;
--color-crepe-800: #4e402d;
--color-crepe-900: #362c1e;
--color-crepe-950: #21190e;
}SCSS
$crepe: #d5bd99;
$crepe-rgb: 213, 189, 153;
$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);
}