이름 색상 · #FFCF65
Chickadee
Chickadee은(는) #FFCF65: rgb(255 207 101), hsl(41 100% 70%), oklch(0.876 0.135 84.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Chickadee color name →
#FFCF65
oklch(0.876 0.135 84.9)
색상 변환
- HEX
- #ffcf65
- RGB
- rgb(255 207 101)
- HSL
- hsl(41 100% 70%)
- HWB
- hwb(41 40% 0%)
- OKLCH
- oklch(0.876 0.135 84.9)
- OKLab
- oklab(0.876 0.012 0.134)
- CIE Lab
- lab(85.89 9.11 58.15)
- LCH
- lch(85.89 58.86 81.1)
- CMYK
- cmyk(0% 19% 60% 0%)
틴트 · 셰이드 · 톤
틴트
- FFD478
- FFD989
- FFDE99
- FFE3A9
- FFE8B8
- FFEDC6
- FFF1D5
- FFF6E3
- FFFBF1
셰이드
- DEB457
- BE9949
- 9E7F3C
- 80672F
- 634F22
- 483817
- 2E230C
- 161003
- 030200
톤
- F2C76B
- E5BF6F
- D8B773
- CBAF77
- BEA779
- B1A07B
- A5987D
- 98907E
- 8C887F
색 조화
보색 +180°
- FFCF65
Chickadee
- C3D6FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- FFCF65
Chickadee
- FFCAA6
≈ Peach Crayon
- D4E174
≈ Ajwain Green
삼각 배색 +120° +240°
- FFCF65
Chickadee
- 4FEFFF
≈ Bioluminescence
- FCBDFF
≈ Distilled Rose
분열 보색 +150° +210°
- FFCF65
Chickadee
- A9DFFF
≈ Droplet
- D9CEFF
≈ Pale Lavender
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.46:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.36:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.36:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--chickadee: #ffcf65;
--chickadee-rgb: 255 207 101;
--chickadee-oklch: oklch(0.876 0.135 84.9);
}
.element {
color: var(--chickadee);
background-color: hsl(41 100% 70%);
border-color: oklch(0.876 0.135 84.9);
}Tailwind CSS v4
@theme {
--color-chickadee: #ffcf65;
--color-chickadee-50: #fff3ca;
--color-chickadee-100: #fbe6b5;
--color-chickadee-200: #edd191;
--color-chickadee-300: #d5b362;
--color-chickadee-400: #c3972e;
--color-chickadee-500: #af7d00;
--color-chickadee-600: #946a00;
--color-chickadee-700: #765400;
--color-chickadee-800: #593d00;
--color-chickadee-900: #3e2a00;
--color-chickadee-950: #271700;
}SCSS
$chickadee: #ffcf65;
$chickadee-rgb: 255, 207, 101;
$chickadee-light: mix(#fff, $chickadee, 20%);
$chickadee-dark: mix(#000, $chickadee, 20%);
.element {
color: $chickadee;
box-shadow: 0 0 0 2px rgba($chickadee, 0.35);
}