이름 색상 · #9F8D57
Fallow Deer
Fallow Deer은(는) #9F8D57: rgb(159 141 87), hsl(45 29% 48%), oklch(0.647 0.076 91.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Fallow Deer color name →
#9F8D57
oklch(0.647 0.076 91.6)
색상 변환
- HEX
- #9f8d57
- RGB
- rgb(159 141 87)
- HSL
- hsl(45 29% 48%)
- HWB
- hwb(45 34% 38%)
- OKLCH
- oklch(0.647 0.076 91.6)
- OKLab
- oklab(0.647 -0.002 0.076)
- CIE Lab
- lab(59.33 1.36 31.32)
- LCH
- lch(59.33 31.35 87.5)
- CMYK
- cmyk(0% 11% 45% 38%)
틴트 · 셰이드 · 톤
틴트
- A89868
- B2A378
- BBAE89
- C4BA99
- CEC5AA
- D8D0BB
- E1DCCC
- EBE8DD
- F5F3EE
셰이드
- 8A7A4B
- 75673E
- 615533
- 4D4427
- 3B331C
- 292312
- 181408
- 090703
- 010100
톤
- 9C8C5C
- 998B61
- 968965
- 928869
- 8F876D
- 8C8671
- 898475
- 868379
- 83817D
색 조화
보색 +180°
- 9F8D57
Fallow Deer
- 7E8CBD
≈ Larkspur Bouquet
유사색 -30° +30°
- 9F8D57
Fallow Deer
- B0845E
≈ Circus Peanut
- 879661
≈ Vesuvian Green
삼각 배색 +120° +240°
- 9F8D57
Fallow Deer
- 529BA9
≈ Acapulco Cliffs
- AA7DA3
≈ Usu Pink
분열 보색 +150° +210°
- 9F8D57
Fallow Deer
- 6494B9
≈ Blue Marble
- 9684B5
≈ Bougainvillaea
사각 배색 +90° +180° +270°
- 9F8D57
Fallow Deer
- 559E91
≈ Aqua Revival
- 7E8CBD
≈ Larkspur Bouquet
- B67B8B
≈ Foxglove
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.27:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.42:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.42:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--fallow-deer: #9f8d57;
--fallow-deer-rgb: 159 141 87;
--fallow-deer-oklch: oklch(0.647 0.076 91.6);
}
.element {
color: var(--fallow-deer);
background-color: hsl(45 29% 48%);
border-color: oklch(0.647 0.076 91.6);
}Tailwind CSS v4
@theme {
--color-fallow-deer: #9f8d57;
--color-fallow-deer-50: #fcf5dd;
--color-fallow-deer-100: #f0e8cc;
--color-fallow-deer-200: #dfd4b0;
--color-fallow-deer-300: #c4b78b;
--color-fallow-deer-400: #af9d6a;
--color-fallow-deer-500: #988548;
--color-fallow-deer-600: #81703e;
--color-fallow-deer-700: #675a31;
--color-fallow-deer-800: #4d4122;
--color-fallow-deer-900: #352d17;
--color-fallow-deer-950: #201a08;
}SCSS
$fallow-deer: #9f8d57;
$fallow-deer-rgb: 159, 141, 87;
$fallow-deer-light: mix(#fff, $fallow-deer, 20%);
$fallow-deer-dark: mix(#000, $fallow-deer, 20%);
.element {
color: $fallow-deer;
box-shadow: 0 0 0 2px rgba($fallow-deer, 0.35);
}