이름 색상 · #FEDF08
Dandelion
Dandelion은(는) #FEDF08: rgb(254 223 8), hsl(52 99% 51%), oklch(0.902 0.186 99). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Dandelion color name →
#FEDF08
oklch(0.902 0.186 99)
색상 변환
- HEX
- #fedf08
- RGB
- rgb(254 223 8)
- HSL
- hsl(52 99% 51%)
- HWB
- hwb(52 3% 0%)
- OKLCH
- oklch(0.902 0.186 99)
- OKLab
- oklab(0.902 -0.029 0.184)
- CIE Lab
- lab(89.38 -1.29 87.14)
- LCH
- lch(89.38 87.15 90.8)
- CMYK
- cmyk(0% 12% 97% 0%)
틴트 · 셰이드 · 톤
틴트
- FEE347
- FEE666
- FEEA7E
- FEED94
- FEF1A7
- FEF4BA
- FEF7CC
- FFFADD
- FFFCEE
셰이드
- DDC206
- BDA504
- 9E8A03
- 806F02
- 635601
- 473D01
- 2D2700
- 161200
- 030200
톤
- F1D535
- E3CC48
- D6C256
- C9B960
- BDAF68
- B0A66F
- A49D75
- 989379
- 8C8A7D
색 조화
보색 +180°
- FEDF08
Dandelion
- D7DCFF
≈ Transparent Blue
유사색 -30° +30°
- FEDF08
Dandelion
- FFD7AB
≈ Peach Cider
- B8F664
≈ Lima
삼각 배색 +120° +240°
- FEDF08
Dandelion
- A9EBFF
≈ Beyond the Clouds
- FFCDEE
≈ Infra-White
분열 보색 +150° +210°
- FEDF08
Dandelion
- C6E2FF
≈ Fresh Water
- EBD4FF
≈ Rose Dragée
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.77:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 15.77:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--dandelion: #fedf08;
--dandelion-rgb: 254 223 8;
--dandelion-oklch: oklch(0.902 0.186 99);
}
.element {
color: var(--dandelion);
background-color: hsl(52 99% 51%);
border-color: oklch(0.902 0.186 99);
}Tailwind CSS v4
@theme {
--color-dandelion: #fedf08;
--color-dandelion-50: #fff8ba;
--color-dandelion-100: #f5eaa1;
--color-dandelion-200: #e5d774;
--color-dandelion-300: #ccb930;
--color-dandelion-400: #bb9e00;
--color-dandelion-500: #a68300;
--color-dandelion-600: #8c6f00;
--color-dandelion-700: #715900;
--color-dandelion-800: #554000;
--color-dandelion-900: #3b2c00;
--color-dandelion-950: #251900;
}SCSS
$dandelion: #fedf08;
$dandelion-rgb: 254, 223, 8;
$dandelion-light: mix(#fff, $dandelion, 20%);
$dandelion-dark: mix(#000, $dandelion, 20%);
.element {
color: $dandelion;
box-shadow: 0 0 0 2px rgba($dandelion, 0.35);
}