이름 색상 · #FED67E
Lemon Burst
Lemon Burst은(는) #FED67E: rgb(254 214 126), hsl(41 98% 75%), oklch(0.892 0.116 85.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Lemon Burst color name →
#FED67E
oklch(0.892 0.116 85.6)
색상 변환
- HEX
- #fed67e
- RGB
- rgb(254 214 126)
- HSL
- hsl(41 98% 75%)
- HWB
- hwb(41 49% 0%)
- OKLCH
- oklch(0.892 0.116 85.6)
- OKLab
- oklab(0.892 0.009 0.116)
- CIE Lab
- lab(87.74 6.67 48.58)
- LCH
- lch(87.74 49.03 82.2)
- CMYK
- cmyk(0% 16% 50% 0%)
틴트 · 셰이드 · 톤
틴트
- FEDA8D
- FEDF9A
- FFE3A8
- FFE7B5
- FFEBC2
- FFEFCE
- FFF3DA
- FFF7E7
- FFFBF3
셰이드
- DDBA6D
- BD9E5C
- 9E844C
- 806A3C
- 63522D
- 473B1F
- 2D2511
- 161005
- 030201
톤
- F1CD80
- E4C581
- D7BC82
- CAB383
- BDAB83
- B1A283
- A49983
- 989182
- 8C8881
색 조화
보색 +180°
- FED67E
Lemon Burst
- CBDCFF
≈ Arc Light
유사색 -30° +30°
- FED67E
Lemon Burst
- FFD1B2
≈ Papaya Whip
- D8E58A
≈ Grape Cassata
삼각 배색 +120° +240°
- FED67E
Lemon Burst
- 76F1FF
≈ Robin’s Egg
- FEC5FF
≈ Sugar Chic
분열 보색 +150° +210°
- FED67E
Lemon Burst
- B5E3FF
≈ Frozen Landscape
- DED4FF
≈ Pale Lavender
사각 배색 +90° +180° +270°
- FED67E
Lemon Burst
- 7EF5D8
≈ Tiffany Blue
- CBDCFF
≈ Arc Light
- FFCBDD
≈ Linnet Egg Red
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.38:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.13:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.13:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--lemon-burst: #fed67e;
--lemon-burst-rgb: 254 214 126;
--lemon-burst-oklch: oklch(0.892 0.116 85.6);
}
.element {
color: var(--lemon-burst);
background-color: hsl(41 98% 75%);
border-color: oklch(0.892 0.116 85.6);
}Tailwind CSS v4
@theme {
--color-lemon-burst: #fed67e;
--color-lemon-burst-50: #fff4d0;
--color-lemon-burst-100: #f8e6bc;
--color-lemon-burst-200: #e9d29b;
--color-lemon-burst-300: #d0b470;
--color-lemon-burst-400: #bd9946;
--color-lemon-burst-500: #a87f00;
--color-lemon-burst-600: #8e6c09;
--color-lemon-burst-700: #725609;
--color-lemon-burst-800: #553e04;
--color-lemon-burst-900: #3c2b04;
--color-lemon-burst-950: #251800;
}SCSS
$lemon-burst: #fed67e;
$lemon-burst-rgb: 254, 214, 126;
$lemon-burst-light: mix(#fff, $lemon-burst, 20%);
$lemon-burst-dark: mix(#000, $lemon-burst, 20%);
.element {
color: $lemon-burst;
box-shadow: 0 0 0 2px rgba($lemon-burst, 0.35);
}