Màu có tên · #D6C575
Labrador’s Locks
Labrador’s Locks là #D6C575: rgb(214 197 117), hsl(49 54% 65%), oklch(0.82 0.103 97.7). 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.
What does Yellow mean? → · Labrador’s Locks color name →
#D6C575
oklch(0.82 0.103 97.7)
Chuyển đổi màu
- HEX
- #d6c575
- RGB
- rgb(214 197 117)
- HSL
- hsl(49 54% 65%)
- HWB
- hwb(49 46% 16%)
- OKLCH
- oklch(0.82 0.103 97.7)
- OKLab
- oklab(0.82 -0.014 0.102)
- CIE Lab
- lab(79.65 -1.77 42.2)
- LCH
- lch(79.65 42.24 92.4)
- CMYK
- cmyk(0% 8% 45% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DACB84
- DED192
- E2D7A0
- E6DCAE
- EAE2BC
- EEE8C9
- F2EED7
- F7F4E4
- FBF9F2
Sắc đậm
- BAAB65
- 9E9255
- 847946
- 6A6137
- 524B29
- 3B351C
- 25210F
- 100E05
- 020201
Sắc xám
- CDBE77
- C4B779
- BBB07B
- B3A97D
- AAA27E
- A19B7F
- 99957F
- 908E80
- 888780
Hòa sắc
Bổ túc +180°
- D6C575
Labrador’s Locks
- B6BFFF
≈ Dried Lilac
Tương đồng -30° +30°
- D6C575
Labrador’s Locks
- F1B87A
≈ Surprise Amber
- B1D188
≈ Lettuce Green
Bộ ba +120° +240°
- D6C575
Labrador’s Locks
- 6ED5F0
≈ Heisenberg Blue
- F0ABDC
≈ Pretty Pink Piggy
Bổ túc chia +150° +210°
- D6C575
Labrador’s Locks
- 92CAFF
≈ Clear Sky
- D6B3F8
≈ Light Violet
Bộ bốn +90° +180° +270°
- D6C575
Labrador’s Locks
- 6CDAD0
≈ Hammam Blue
- B6BFFF
≈ Dried Lilac
- FEA8B8
≈ A Brand New Day
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.73:1 · APCA Lc 31
Ag
AAATrên nền đen
WCAG 12.10:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 12.10:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--labrador-s-locks: #d6c575;
--labrador-s-locks-rgb: 214 197 117;
--labrador-s-locks-oklch: oklch(0.82 0.103 97.7);
}
.element {
color: var(--labrador-s-locks);
background-color: hsl(49 54% 65%);
border-color: oklch(0.82 0.103 97.7);
}Tailwind CSS v4
@theme {
--color-labrador-s-locks: #d6c575;
--color-labrador-s-locks-50: #fcf6d5;
--color-labrador-s-locks-100: #f0e9c2;
--color-labrador-s-locks-200: #ded6a3;
--color-labrador-s-locks-300: #c4b97b;
--color-labrador-s-locks-400: #af9f54;
--color-labrador-s-locks-500: #998628;
--color-labrador-s-locks-600: #817224;
--color-labrador-s-locks-700: #675b1d;
--color-labrador-s-locks-800: #4d4212;
--color-labrador-s-locks-900: #362d0b;
--color-labrador-s-locks-950: #211a01;
}SCSS
$labrador-s-locks: #d6c575;
$labrador-s-locks-rgb: 214, 197, 117;
$labrador-s-locks-light: mix(#fff, $labrador-s-locks, 20%);
$labrador-s-locks-dark: mix(#000, $labrador-s-locks, 20%);
.element {
color: $labrador-s-locks;
box-shadow: 0 0 0 2px rgba($labrador-s-locks, 0.35);
}