이름 색상 · #D6C575
Labrador’s Locks
Labrador’s Locks은(는) #D6C575: rgb(214 197 117), hsl(49 54% 65%), oklch(0.82 0.103 97.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Labrador’s Locks color name →
#D6C575
oklch(0.82 0.103 97.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- DACB84
- DED192
- E2D7A0
- E6DCAE
- EAE2BC
- EEE8C9
- F2EED7
- F7F4E4
- FBF9F2
셰이드
- BAAB65
- 9E9255
- 847946
- 6A6137
- 524B29
- 3B351C
- 25210F
- 100E05
- 020201
톤
- CDBE77
- C4B779
- BBB07B
- B3A97D
- AAA27E
- A19B7F
- 99957F
- 908E80
- 888780
색 조화
보색 +180°
- D6C575
Labrador’s Locks
- B6BFFF
≈ Dried Lilac
유사색 -30° +30°
- D6C575
Labrador’s Locks
- F1B87A
≈ Surprise Amber
- B1D188
≈ Lettuce Green
삼각 배색 +120° +240°
- D6C575
Labrador’s Locks
- 6ED5F0
≈ Heisenberg Blue
- F0ABDC
≈ Pretty Pink Piggy
분열 보색 +150° +210°
- D6C575
Labrador’s Locks
- 92CAFF
≈ Clear Sky
- D6B3F8
≈ Light Violet
사각 배색 +90° +180° +270°
- D6C575
Labrador’s Locks
- 6CDAD0
≈ Hammam Blue
- B6BFFF
≈ Dried Lilac
- FEA8B8
≈ A Brand New Day
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.73:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.10:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.10:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
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);
}