이름 색상 · #FAAE00
Lemon Chrome
Lemon Chrome은(는) #FAAE00: rgb(250 174 0), hsl(42 100% 49%), oklch(0.803 0.168 77.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Lemon Chrome color name →
#FAAE00
oklch(0.803 0.168 77.2)
색상 변환
- HEX
- #faae00
- RGB
- rgb(250 174 0)
- HSL
- hsl(42 100% 49%)
- HWB
- hwb(42 0% 2%)
- OKLCH
- oklch(0.803 0.168 77.2)
- OKLab
- oklab(0.803 0.037 0.164)
- CIE Lab
- lab(77.05 20.96 79.63)
- LCH
- lch(77.05 82.34 75.3)
- CMYK
- cmyk(0% 30% 100% 2%)
틴트 · 셰이드 · 톤
틴트
- FBB73F
- FCBF5D
- FDC875
- FED08B
- FED89F
- FFE0B3
- FFE8C7
- FFF0DA
- FFF7EC
셰이드
- D99700
- BA8000
- 9B6A00
- 7D5500
- 614100
- 462E00
- 2D1C00
- 150B00
- 030100
톤
- EEAA2D
- E1A640
- D5A14E
- C99D59
- BC9862
- B09469
- A48F70
- 988A76
- 8C857B
색 조화
보색 +180°
- FAAE00
Lemon Chrome
- 96C1FF
≈ Pastel Blue
유사색 -30° +30°
- FAAE00
Lemon Chrome
- FFA679
≈ Peachy
- CBC519
≈ Dirty Yellow
삼각 배색 +120° +240°
- FAAE00
Lemon Chrome
- 00D9DD
≈ Fish Boy
- E69EFF
≈ Medium Lavender Magenta
분열 보색 +150° +210°
- FAAE00
Lemon Chrome
- 50CFFF
≈ Thor’s Thunder
- BAB4FF
≈ Greyish Lavender
사각 배색 +90° +180° +270°
- FAAE00
Lemon Chrome
- 00DFA9
≈ Malted Mint Madness
- 96C1FF
≈ Pastel Blue
- FF98D0
≈ Himalayan Balsam
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.88:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.11:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.11:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--lemon-chrome: #faae00;
--lemon-chrome-rgb: 250 174 0;
--lemon-chrome-oklch: oklch(0.803 0.168 77.2);
}
.element {
color: var(--lemon-chrome);
background-color: hsl(42 100% 49%);
border-color: oklch(0.803 0.168 77.2);
}Tailwind CSS v4
@theme {
--color-lemon-chrome: #faae00;
--color-lemon-chrome-50: #fff0bf;
--color-lemon-chrome-100: #ffe2a8;
--color-lemon-chrome-200: #fbcc7f;
--color-lemon-chrome-300: #e5ac46;
--color-lemon-chrome-400: #d58e00;
--color-lemon-chrome-500: #c27100;
--color-lemon-chrome-600: #a46000;
--color-lemon-chrome-700: #834d00;
--color-lemon-chrome-800: #633700;
--color-lemon-chrome-900: #452500;
--color-lemon-chrome-950: #2d1300;
}SCSS
$lemon-chrome: #faae00;
$lemon-chrome-rgb: 250, 174, 0;
$lemon-chrome-light: mix(#fff, $lemon-chrome, 20%);
$lemon-chrome-dark: mix(#000, $lemon-chrome, 20%);
.element {
color: $lemon-chrome;
box-shadow: 0 0 0 2px rgba($lemon-chrome, 0.35);
}