이름 색상 · #A09548
Lentil Sprout
Lentil Sprout은(는) #A09548: rgb(160 149 72), hsl(53 38% 45%), oklch(0.663 0.099 101.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Lentil Sprout color name →
#A09548
oklch(0.663 0.099 101.3)
색상 변환
- HEX
- #a09548
- RGB
- rgb(160 149 72)
- HSL
- hsl(53 38% 45%)
- HWB
- hwb(53 28% 37%)
- OKLCH
- oklch(0.663 0.099 101.3)
- OKLab
- oklab(0.663 -0.019 0.097)
- CIE Lab
- lab(61.45 -3.39 41.51)
- LCH
- lch(61.45 41.65 94.7)
- CMYK
- cmyk(0% 7% 55% 37%)
틴트 · 셰이드 · 톤
틴트
- A99F5C
- B2AA6E
- BBB481
- C5BF93
- CEC9A5
- D8D4B6
- E1DFC8
- EBE9DB
- F5F4ED
셰이드
- 8B813D
- 766D33
- 615A29
- 4E481F
- 3B3716
- 29260D
- 191606
- 090802
- 010100
톤
- 9D9350
- 999156
- 968F5D
- 938D63
- 908B68
- 8C896D
- 898772
- 868577
- 83827C
색 조화
보색 +180°
- A09548
Lentil Sprout
- 898CCF
≈ Adora
유사색 -30° +30°
- A09548
Lentil Sprout
- B9884A
≈ Funchal Yellow
- 7DA05E
≈ Frankenstein
삼각 배색 +120° +240°
- A09548
Lentil Sprout
- 3FA1BE
≈ Blue Raspberry Seed
- BD7AA5
≈ Hollyhock Blossom Pink
분열 보색 +150° +210°
- A09548
Lentil Sprout
- 6497CE
≈ Quiet Bay
- A781C0
≈ Lilac Purple
사각 배색 +90° +180° +270°
- A09548
Lentil Sprout
- 35A6A2
≈ Bahaman Bliss
- 898CCF
≈ Adora
- C87984
≈ Old Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.04:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.88:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.88:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--lentil-sprout: #a09548;
--lentil-sprout-rgb: 160 149 72;
--lentil-sprout-oklch: oklch(0.663 0.099 101.3);
}
.element {
color: var(--lentil-sprout);
background-color: hsl(53 38% 45%);
border-color: oklch(0.663 0.099 101.3);
}Tailwind CSS v4
@theme {
--color-lentil-sprout: #a09548;
--color-lentil-sprout-50: #faf7d7;
--color-lentil-sprout-100: #edeac4;
--color-lentil-sprout-200: #dbd7a6;
--color-lentil-sprout-300: #c0ba7e;
--color-lentil-sprout-400: #aba058;
--color-lentil-sprout-500: #94882f;
--color-lentil-sprout-600: #7d7329;
--color-lentil-sprout-700: #645c21;
--color-lentil-sprout-800: #4b4315;
--color-lentil-sprout-900: #342e0d;
--color-lentil-sprout-950: #1f1b02;
}SCSS
$lentil-sprout: #a09548;
$lentil-sprout-rgb: 160, 149, 72;
$lentil-sprout-light: mix(#fff, $lentil-sprout, 20%);
$lentil-sprout-dark: mix(#000, $lentil-sprout, 20%);
.element {
color: $lentil-sprout;
box-shadow: 0 0 0 2px rgba($lentil-sprout, 0.35);
}