Màu có tên gần nhất · #D99D59
#D99D59
Màu có tên gần nhất: Coffee Whip
#D99D59 (rgb(217 157 89), hsl(32 63% 60%), oklch(0.74 0.111 68.1)) gần nhất với màu có tên Coffee Whip. 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.
#D99D59
oklch(0.74 0.111 68.1)
Chuyển đổi màu
- HEX
- #d99d59
- RGB
- rgb(217 157 89)
- HSL
- hsl(32 63% 60%)
- HWB
- hwb(32 35% 15%)
- OKLCH
- oklch(0.74 0.111 68.1)
- OKLab
- oklab(0.74 0.042 0.103)
- CIE Lab
- lab(69.62 17.82 44.31)
- LCH
- lch(69.62 47.76 68.1)
- CMYK
- cmyk(0% 28% 59% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DDA76B
- E1B17C
- E6BB8D
- E9C49D
- EDCEAE
- F1D8BE
- F5E2CE
- F8EBDE
- FCF5EF
Sắc đậm
- BC884C
- A17340
- 865F34
- 6C4C28
- 533A1D
- 3B2813
- 251809
- 110903
- 020100
Sắc xám
- D09A5F
- C79864
- BE9568
- B5926D
- AC8F71
- A48C74
- 9B8977
- 92867B
- 89837D
Hòa sắc
Bổ túc +180°
- D99D59
Coffee Whip
- 70B1EE
≈ Sanctuary Spa
Tương đồng -30° +30°
- D99D59
Coffee Whip
- E79177
≈ Warm Welcome
- BDAB53
≈ Star Fruit Yellow Green
Bộ ba +120° +240°
- D99D59
Coffee Whip
- 40C1B8
≈ Tint of Turquoise
- BE97E1
≈ Bright Lavender
Bổ túc chia +150° +210°
- D99D59
Coffee Whip
- 46BBD9
≈ Lake Thun
- 9AA4F0
≈ Cold Lips
Bộ bốn +90° +180° +270°
- D99D59
Coffee Whip
- 68C090
≈ Young Bamboo
- 70B1EE
≈ Sanctuary Spa
- D88FC3
≈ Firm Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.35:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 8.91:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
CSS
:root {
--coffee-whip: #d99d59;
--coffee-whip-rgb: 217 157 89;
--coffee-whip-oklch: oklch(0.74 0.111 68.1);
}
.element {
color: var(--coffee-whip);
background-color: hsl(32 63% 60%);
border-color: oklch(0.74 0.111 68.1);
}Tailwind CSS v4
@theme {
--color-coffee-whip: #d99d59;
--color-coffee-whip-50: #fff0d3;
--color-coffee-whip-100: #ffe2c0;
--color-coffee-whip-200: #f3cda1;
--color-coffee-whip-300: #dcae78;
--color-coffee-whip-400: #ca9152;
--color-coffee-whip-500: #b67624;
--color-coffee-whip-600: #9a6421;
--color-coffee-whip-700: #7b501a;
--color-coffee-whip-800: #5c3a12;
--color-coffee-whip-900: #40280b;
--color-coffee-whip-950: #291501;
}SCSS
$coffee-whip: #d99d59;
$coffee-whip-rgb: 217, 157, 89;
$coffee-whip-light: mix(#fff, $coffee-whip, 20%);
$coffee-whip-dark: mix(#000, $coffee-whip, 20%);
.element {
color: $coffee-whip;
box-shadow: 0 0 0 2px rgba($coffee-whip, 0.35);
}