이름 색상 · #FBCA69
Sunspark
Sunspark은(는) #FBCA69: rgb(251 202 105), hsl(40 95% 70%), oklch(0.863 0.128 82.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sunspark color name →
#FBCA69
oklch(0.863 0.128 82.7)
색상 변환
- HEX
- #fbca69
- RGB
- rgb(251 202 105)
- HSL
- hsl(40 95% 70%)
- HWB
- hwb(40 41% 2%)
- OKLCH
- oklch(0.863 0.128 82.7)
- OKLab
- oklab(0.863 0.016 0.127)
- CIE Lab
- lab(84.31 10.12 54.44)
- LCH
- lch(84.31 55.37 79.5)
- CMYK
- cmyk(0% 20% 58% 2%)
틴트 · 셰이드 · 톤
틴트
- FCD07B
- FCD58B
- FDDB9B
- FDE0AA
- FEE5B8
- FEEBC7
- FEF0D5
- FFF5E3
- FFFAF1
셰이드
- DAAF5A
- BA954C
- 9C7C3E
- 7E6431
- 614D24
- 463718
- 2D220C
- 150F04
- 030200
톤
- EEC36E
- E1BB72
- D5B475
- C8AC78
- BCA57A
- B09E7C
- A4967E
- 988F7F
- 8C8780
색 조화
보색 +180°
- FBCA69
Sunspark
- BBD3FF
≈ Ice Cold Stare
유사색 -30° +30°
- FBCA69
Sunspark
- FFC39F
≈ Coral Gable
- D3DB74
≈ Golden Hop
삼각 배색 +120° +240°
분열 보색 +150° +210°
- FBCA69
Sunspark
- 9BDCFF
≈ Columbia Blue
- D3CAFF
≈ Innocent Snowdrop
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.52:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.75:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--sunspark: #fbca69;
--sunspark-rgb: 251 202 105;
--sunspark-oklch: oklch(0.863 0.128 82.7);
}
.element {
color: var(--sunspark);
background-color: hsl(40 95% 70%);
border-color: oklch(0.863 0.128 82.7);
}Tailwind CSS v4
@theme {
--color-sunspark: #fbca69;
--color-sunspark-50: #fff3cc;
--color-sunspark-100: #fce5b8;
--color-sunspark-200: #eed195;
--color-sunspark-300: #d6b268;
--color-sunspark-400: #c39739;
--color-sunspark-500: #af7c00;
--color-sunspark-600: #946900;
--color-sunspark-700: #775400;
--color-sunspark-800: #593c00;
--color-sunspark-900: #3e2a00;
--color-sunspark-950: #271700;
}SCSS
$sunspark: #fbca69;
$sunspark-rgb: 251, 202, 105;
$sunspark-light: mix(#fff, $sunspark, 20%);
$sunspark-dark: mix(#000, $sunspark, 20%);
.element {
color: $sunspark;
box-shadow: 0 0 0 2px rgba($sunspark, 0.35);
}