Màu có tên gần nhất · #D8BF8B
#D8BF8B
Màu có tên gần nhất: Vermicelles
#D8BF8B (rgb(216 191 139), hsl(41 50% 70%), oklch(0.814 0.074 85.1)) gần nhất với màu có tên Vermicelles. 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.
#D8BF8B
oklch(0.814 0.074 85.1)
Chuyển đổi màu
- HEX
- #d8bf8b
- RGB
- rgb(216 191 139)
- HSL
- hsl(41 50% 70%)
- HWB
- hwb(41 55% 15%)
- OKLCH
- oklch(0.814 0.074 85.1)
- OKLab
- oklab(0.814 0.006 0.074)
- CIE Lab
- lab(78.57 3.73 29.72)
- LCH
- lch(78.57 29.95 82.9)
- CMYK
- cmyk(0% 12% 36% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DCC597
- E0CCA2
- E4D2AE
- E8D9BA
- ECDFC5
- EFE5D1
- F3ECDC
- F7F2E8
- FBF9F3
Sắc đậm
- BCA678
- A08D66
- 857554
- 6B5E43
- 534832
- 3B3323
- 251F14
- 110D07
- 020201
Sắc xám
- CFB98A
- C6B28A
- BDAC89
- B4A688
- AB9F87
- A29986
- 9A9384
- 918C83
- 888682
Hòa sắc
Bổ túc +180°
- D8BF8B
Vermicelles
- ABC2F3
≈ Sky High
Tương đồng -30° +30°
- D8BF8B
Vermicelles
- E8B695
≈ Gentle Doe
- C0C891
≈ White Grape
Bộ ba +120° +240°
- D8BF8B
Vermicelles
- 87D0D9
≈ Sky Watch
- DBB2DD
≈ Blushing Sky
Bổ túc chia +150° +210°
- D8BF8B
Vermicelles
- 93CAEB
≈ Light Cornflower Blue
- C5B9ED
≈ Connecticut Lilac
Bộ bốn +90° +180° +270°
- D8BF8B
Vermicelles
- 8ED2BF
≈ Wintermint
- ABC2F3
≈ Sky High
- EAAFC4
≈ Pink Frenzy
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.78:1 · APCA Lc 33
Ag
AAATrên nền đen
WCAG 11.74:1 · APCA Lc 70
Màu chữ tốt nhất: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Đoạn mã
CSS
:root {
--vermicelles: #d8bf8b;
--vermicelles-rgb: 216 191 139;
--vermicelles-oklch: oklch(0.814 0.074 85.1);
}
.element {
color: var(--vermicelles);
background-color: hsl(41 50% 70%);
border-color: oklch(0.814 0.074 85.1);
}Tailwind CSS v4
@theme {
--color-vermicelles: #d8bf8b;
--color-vermicelles-50: #fef4de;
--color-vermicelles-100: #f2e7cd;
--color-vermicelles-200: #e2d3b1;
--color-vermicelles-300: #c8b68c;
--color-vermicelles-400: #b29c6b;
--color-vermicelles-500: #9d824a;
--color-vermicelles-600: #846e40;
--color-vermicelles-700: #6a5833;
--color-vermicelles-800: #4f4023;
--color-vermicelles-900: #372c17;
--color-vermicelles-950: #221908;
}SCSS
$vermicelles: #d8bf8b;
$vermicelles-rgb: 216, 191, 139;
$vermicelles-light: mix(#fff, $vermicelles, 20%);
$vermicelles-dark: mix(#000, $vermicelles, 20%);
.element {
color: $vermicelles;
box-shadow: 0 0 0 2px rgba($vermicelles, 0.35);
}