이름 색상 · #FFE078
Summer Daffodil
Summer Daffodil은(는) #FFE078: rgb(255 224 120), hsl(46 100% 74%), oklch(0.912 0.128 93.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Summer Daffodil color name →
#FFE078
oklch(0.912 0.128 93.1)
색상 변환
- HEX
- #ffe078
- RGB
- rgb(255 224 120)
- HSL
- hsl(46 100% 74%)
- HWB
- hwb(46 47% 0%)
- OKLCH
- oklch(0.912 0.128 93.1)
- OKLab
- oklab(0.912 -0.007 0.128)
- CIE Lab
- lab(90.24 1.89 54.37)
- LCH
- lch(90.24 54.4 88)
- CMYK
- cmyk(0% 12% 53% 0%)
틴트 · 셰이드 · 톤
틴트
- FFE388
- FFE797
- FFEAA5
- FFEDB3
- FFF0C0
- FFF3CD
- FFF6DA
- FFF9E6
- FFFCF3
셰이드
- DEC367
- BEA657
- 9E8A48
- 807039
- 63562A
- 483E1D
- 2E2710
- 161205
- 030201
톤
- F2D67B
- E4CC7D
- D7C37F
- CAB980
- BEAF81
- B1A682
- A49C82
- 989381
- 8C8981
색 조화
보색 +180°
- FFE078
Summer Daffodil
- D8E1FF
≈ Contrail
유사색 -30° +30°
- FFE078
Summer Daffodil
- FFDABA
≈ Peach Puff
- D2F08E
≈ Laced Green
삼각 배색 +120° +240°
- FFE078
Summer Daffodil
- A9EFFF
≈ Beyond the Clouds
- FFD1F6
≈ Shampoo
분열 보색 +150° +210°
- FFE078
Summer Daffodil
- C8E6FF
≈ Icy Landscape
- E9DAFF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- FFE078
Summer Daffodil
- 6CFEEA
≈ Icy Life
- D8E1FF
≈ Contrail
- FFD5DF
≈ No Need to Blush
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.18:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.18:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--summer-daffodil: #ffe078;
--summer-daffodil-rgb: 255 224 120;
--summer-daffodil-oklch: oklch(0.912 0.128 93.1);
}
.element {
color: var(--summer-daffodil);
background-color: hsl(46 100% 74%);
border-color: oklch(0.912 0.128 93.1);
}Tailwind CSS v4
@theme {
--color-summer-daffodil: #ffe078;
--color-summer-daffodil-50: #fff6cc;
--color-summer-daffodil-100: #f5e8b8;
--color-summer-daffodil-200: #e5d495;
--color-summer-daffodil-300: #ccb768;
--color-summer-daffodil-400: #b89c37;
--color-summer-daffodil-500: #a38200;
--color-summer-daffodil-600: #8a6f00;
--color-summer-daffodil-700: #6f5800;
--color-summer-daffodil-800: #534000;
--color-summer-daffodil-900: #3a2c00;
--color-summer-daffodil-950: #241900;
}SCSS
$summer-daffodil: #ffe078;
$summer-daffodil-rgb: 255, 224, 120;
$summer-daffodil-light: mix(#fff, $summer-daffodil, 20%);
$summer-daffodil-dark: mix(#000, $summer-daffodil, 20%);
.element {
color: $summer-daffodil;
box-shadow: 0 0 0 2px rgba($summer-daffodil, 0.35);
}