이름 색상 · #FECE5A
Casandora Yellow
Casandora Yellow은(는) #FECE5A: rgb(254 206 90), hsl(42 99% 67%), oklch(0.872 0.142 86.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Casandora Yellow color name →
#FECE5A
oklch(0.872 0.142 86.4)
색상 변환
- HEX
- #fece5a
- RGB
- rgb(254 206 90)
- HSL
- hsl(42 99% 67%)
- HWB
- hwb(42 35% 0%)
- OKLCH
- oklch(0.872 0.142 86.4)
- OKLab
- oklab(0.872 0.009 0.142)
- CIE Lab
- lab(85.46 8.69 62.47)
- LCH
- lch(85.46 63.07 82.1)
- CMYK
- cmyk(0% 19% 65% 0%)
틴트 · 셰이드 · 톤
틴트
- FED36F
- FFD882
- FFDE93
- FFE3A4
- FFE7B4
- FFECC3
- FFF1D3
- FFF6E2
- FFFAF0
셰이드
- DDB34D
- BD9841
- 9E7F35
- 806629
- 634E1E
- 473813
- 2D2309
- 160F03
- 030200
톤
- F1C662
- E4BE68
- D7B76D
- CAAF72
- BDA775
- B19F79
- A4977B
- 98907D
- 8C887F
색 조화
보색 +180°
- FECE5A
Casandora Yellow
- C2D5FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- FECE5A
Casandora Yellow
- FFC8A1
≈ Apricot Froth
- D0E16D
≈ Idocrase Green
삼각 배색 +120° +240°
- FECE5A
Casandora Yellow
- 52EDFF
≈ Bioluminescence
- FFB9FF
≈ Distilled Rose
분열 보색 +150° +210°
- FECE5A
Casandora Yellow
- A7DDFF
≈ Droplet
- D9CCFF
≈ Pale Lavender
사각 배색 +90° +180° +270°
- FECE5A
Casandora Yellow
- 4FF3D2
≈ Lamiaceae
- C2D5FF
≈ Pale Phthalo Blue
- FFC1D6
≈ Garden Glory
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.47:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.19:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.19:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--casandora-yellow: #fece5a;
--casandora-yellow-rgb: 254 206 90;
--casandora-yellow-oklch: oklch(0.872 0.142 86.4);
}
.element {
color: var(--casandora-yellow);
background-color: hsl(42 99% 67%);
border-color: oklch(0.872 0.142 86.4);
}Tailwind CSS v4
@theme {
--color-casandora-yellow: #fece5a;
--color-casandora-yellow-50: #fff4c7;
--color-casandora-yellow-100: #fbe6b2;
--color-casandora-yellow-200: #edd18d;
--color-casandora-yellow-300: #d5b35c;
--color-casandora-yellow-400: #c3971f;
--color-casandora-yellow-500: #af7d00;
--color-casandora-yellow-600: #946a00;
--color-casandora-yellow-700: #775500;
--color-casandora-yellow-800: #593d00;
--color-casandora-yellow-900: #3e2a00;
--color-casandora-yellow-950: #271700;
}SCSS
$casandora-yellow: #fece5a;
$casandora-yellow-rgb: 254, 206, 90;
$casandora-yellow-light: mix(#fff, $casandora-yellow, 20%);
$casandora-yellow-dark: mix(#000, $casandora-yellow, 20%);
.element {
color: $casandora-yellow;
box-shadow: 0 0 0 2px rgba($casandora-yellow, 0.35);
}