Màu có tên gần nhất · #D5A889
#D5A889
Màu có tên gần nhất: Lunatic Lynx
#D5A889 (rgb(213 168 137), hsl(24 48% 69%), oklch(0.765 0.068 56)) gần nhất với màu có tên Lunatic Lynx. 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.
#D5A889
oklch(0.765 0.068 56)
Chuyển đổi màu
- HEX
- #d5a889
- RGB
- rgb(213 168 137)
- HSL
- hsl(24 48% 69%)
- HWB
- hwb(24 54% 16%)
- OKLCH
- oklch(0.765 0.068 56)
- OKLab
- oklab(0.765 0.038 0.056)
- CIE Lab
- lab(72.49 13.94 22.7)
- LCH
- lch(72.49 26.64 58.4)
- CMYK
- cmyk(0% 21% 36% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D9B195
- DEB9A0
- E2C2AC
- E6CAB8
- EBD3C3
- EFDCCF
- F3E5DB
- F7EDE7
- FBF6F3
Sắc đậm
- B99276
- 9E7C64
- 836753
- 6A5242
- 513F31
- 3A2C22
- 241A14
- 100A07
- 020101
Sắc xám
- CCA488
- C4A088
- BB9C87
- B39886
- AA9485
- A29084
- 998C83
- 918882
- 888481
Hòa sắc
Bổ túc +180°
- D5A889
Lunatic Lynx
- 89BAD9
≈ Frozen Whisper
Tương đồng -30° +30°
- D5A889
Lunatic Lynx
- DBA29C
≈ Passive Pink
- C6B081
≈ Desert Floor
Bộ ba +120° +240°
- D5A889
Lunatic Lynx
- 83C1B1
≈ Seaborn
- B6AADA
≈ Purple Hibiscus
Bổ túc chia +150° +210°
- D5A889
Lunatic Lynx
- 7DBFC8
≈ Aqua Vitale
- 9EB2DF
≈ Myrtle Flower
Bộ bốn +90° +180° +270°
- D5A889
Lunatic Lynx
- 97BF99
≈ Milly Green
- 89BAD9
≈ Frozen Whisper
- CAA4CA
≈ Stormy Sunrise
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.14:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.79:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--lunatic-lynx: #d5a889;
--lunatic-lynx-rgb: 213 168 137;
--lunatic-lynx-oklch: oklch(0.765 0.068 56);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(24 48% 69%);
border-color: oklch(0.765 0.068 56);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #d5a889;
--color-lunatic-lynx-50: #fff1e3;
--color-lunatic-lynx-100: #fae3d2;
--color-lunatic-lynx-200: #ebceb8;
--color-lunatic-lynx-300: #d3af96;
--color-lunatic-lynx-400: #be9478;
--color-lunatic-lynx-500: #a97a59;
--color-lunatic-lynx-600: #8f684c;
--color-lunatic-lynx-700: #73533d;
--color-lunatic-lynx-800: #553c2c;
--color-lunatic-lynx-900: #3b291d;
--color-lunatic-lynx-950: #25170d;
}SCSS
$lunatic-lynx: #d5a889;
$lunatic-lynx-rgb: 213, 168, 137;
$lunatic-lynx-light: mix(#fff, $lunatic-lynx, 20%);
$lunatic-lynx-dark: mix(#000, $lunatic-lynx, 20%);
.element {
color: $lunatic-lynx;
box-shadow: 0 0 0 2px rgba($lunatic-lynx, 0.35);
}