이름 색상 · #CDA323
Lemon Curry
Lemon Curry은(는) #CDA323: rgb(205 163 35), hsl(45 71% 47%), oklch(0.734 0.141 88.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Lemon Curry color name →
#CDA323
oklch(0.734 0.141 88.7)
색상 변환
- HEX
- #cda323
- RGB
- rgb(205 163 35)
- HSL
- hsl(45 71% 47%)
- HWB
- hwb(45 14% 20%)
- OKLCH
- oklch(0.734 0.141 88.7)
- OKLab
- oklab(0.734 0.003 0.141)
- CIE Lab
- lab(69.43 7.66 65.68)
- LCH
- lch(69.43 66.12 83.3)
- CMYK
- cmyk(0% 20% 83% 20%)
틴트 · 셰이드 · 톤
틴트
- D2AC46
- D7B65F
- DCBF75
- E1C88A
- E6D29E
- EBDBB2
- F0E4C5
- F5EDD9
- FAF6EC
셰이드
- B28D1D
- 987817
- 7E6311
- 664F0C
- 4E3C07
- 382A04
- 231901
- 0F0A00
- 020100
톤
- C5A037
- BD9D45
- B59950
- AE9659
- A69261
- 9E8F68
- 978B6F
- 8F8875
- 87847B
색 조화
보색 +180°
- CDA323
Lemon Curry
- 85A4FF
≈ Fennel Flower
유사색 -30° +30°
- CDA323
Lemon Curry
- EA9143
≈ Sun
- A0B542
≈ Azeitona
삼각 배색 +120° +240°
- CDA323
Lemon Curry
- 00BED3
≈ Holiday Blue
- D987D5
≈ Blush Essence
분열 보색 +150° +210°
- CDA323
Lemon Curry
- 3FB4F7
≈ Zima Blue
- B594F5
≈ Dreamy Candy Forest
사각 배색 +90° +180° +270°
- CDA323
Lemon Curry
- 00C4AA
≈ Turquoise
- 85A4FF
≈ Fennel Flower
- EF80A7
≈ Aurora Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.37:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.85:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.85:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--lemon-curry: #cda323;
--lemon-curry-rgb: 205 163 35;
--lemon-curry-oklch: oklch(0.734 0.141 88.7);
}
.element {
color: var(--lemon-curry);
background-color: hsl(45 71% 47%);
border-color: oklch(0.734 0.141 88.7);
}Tailwind CSS v4
@theme {
--color-lemon-curry: #cda323;
--color-lemon-curry-50: #fff4c8;
--color-lemon-curry-100: #fae7b2;
--color-lemon-curry-200: #ebd28d;
--color-lemon-curry-300: #d3b45d;
--color-lemon-curry-400: #c09921;
--color-lemon-curry-500: #ac7e00;
--color-lemon-curry-600: #916b00;
--color-lemon-curry-700: #745600;
--color-lemon-curry-800: #573e00;
--color-lemon-curry-900: #3d2a00;
--color-lemon-curry-950: #271800;
}SCSS
$lemon-curry: #cda323;
$lemon-curry-rgb: 205, 163, 35;
$lemon-curry-light: mix(#fff, $lemon-curry, 20%);
$lemon-curry-dark: mix(#000, $lemon-curry, 20%);
.element {
color: $lemon-curry;
box-shadow: 0 0 0 2px rgba($lemon-curry, 0.35);
}