이름 색상 · #FCDF8A
Daisy Desi
Daisy Desi은(는) #FCDF8A: rgb(252 223 138), hsl(45 95% 76%), oklch(0.91 0.109 91.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Daisy Desi color name →
#FCDF8A
oklch(0.91 0.109 91.2)
색상 변환
- HEX
- #fcdf8a
- RGB
- rgb(252 223 138)
- HSL
- hsl(45 95% 76%)
- HWB
- hwb(45 54% 1%)
- OKLCH
- oklch(0.91 0.109 91.2)
- OKLab
- oklab(0.91 -0.002 0.109)
- CIE Lab
- lab(89.91 2.32 45.34)
- LCH
- lch(89.91 45.4 87.1)
- CMYK
- cmyk(0% 12% 45% 1%)
틴트 · 셰이드 · 톤
틴트
- FCE297
- FDE6A3
- FDE9B0
- FDECBB
- FEF0C7
- FEF3D2
- FEF6DE
- FEF9E9
- FFFCF4
셰이드
- DBC277
- BBA565
- 9C8A53
- 7E6F42
- 625632
- 473D22
- 2D2714
- 161207
- 030201
톤
- EFD58A
- E2CC8A
- D5C28A
- C9B889
- BCAF88
- B0A587
- A49C86
- 989384
- 8C8982
색 조화
보색 +180°
- FCDF8A
Daisy Desi
- D6E0FF
≈ Contrail
유사색 -30° +30°
- FCDF8A
Daisy Desi
- FFD9BA
≈ Thousand Needles Sand
- D6ED9A
≈ Reef Refractions
삼각 배색 +120° +240°
- FCDF8A
Daisy Desi
- A3F0FF
≈ Beyond the Clouds
- FFD0F8
≈ Pink Diamond
분열 보색 +150° +210°
- FCDF8A
Daisy Desi
- C6E6FF
≈ Icy Landscape
- E7DAFF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- FCDF8A
Daisy Desi
- 86F9E5
≈ Turquoise Pearl
- D6E0FF
≈ Contrail
- FFD4DF
≈ No Need to Blush
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.06:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.06:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--daisy-desi: #fcdf8a;
--daisy-desi-rgb: 252 223 138;
--daisy-desi-oklch: oklch(0.91 0.109 91.2);
}
.element {
color: var(--daisy-desi);
background-color: hsl(45 95% 76%);
border-color: oklch(0.91 0.109 91.2);
}Tailwind CSS v4
@theme {
--color-daisy-desi: #fcdf8a;
--color-daisy-desi-50: #fff5d2;
--color-daisy-desi-100: #f4e8bf;
--color-daisy-desi-200: #e4d49f;
--color-daisy-desi-300: #cab775;
--color-daisy-desi-400: #b69c4d;
--color-daisy-desi-500: #a18317;
--color-daisy-desi-600: #886f18;
--color-daisy-desi-700: #6d5814;
--color-daisy-desi-800: #51400b;
--color-daisy-desi-900: #392c07;
--color-daisy-desi-950: #231900;
}SCSS
$daisy-desi: #fcdf8a;
$daisy-desi-rgb: 252, 223, 138;
$daisy-desi-light: mix(#fff, $daisy-desi, 20%);
$daisy-desi-dark: mix(#000, $daisy-desi, 20%);
.element {
color: $daisy-desi;
box-shadow: 0 0 0 2px rgba($daisy-desi, 0.35);
}