이름 색상 · #FBFF0A
Hexos Palesun
Hexos Palesun은(는) #FBFF0A: rgb(251 255 10), hsl(61 100% 52%), oklch(0.965 0.211 110.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Hexos Palesun color name →
#FBFF0A
oklch(0.965 0.211 110.9)
색상 변환
- HEX
- #fbff0a
- RGB
- rgb(251 255 10)
- HSL
- hsl(61 100% 52%)
- HWB
- hwb(61 4% 0%)
- OKLCH
- oklch(0.965 0.211 110.9)
- OKLab
- oklab(0.965 -0.075 0.197)
- CIE Lab
- lab(97.3 -17.31 92.35)
- LCH
- lch(97.3 93.95 100.6)
- CMYK
- cmyk(2% 0% 96% 0%)
틴트 · 셰이드 · 톤
틴트
- FBFF4C
- FBFF6C
- FBFF84
- FCFF99
- FCFFAC
- FCFFBE
- FDFFCF
- FDFFE0
- FEFFF0
셰이드
- DADE07
- BABE05
- 9C9E03
- 7E8002
- 616301
- 464801
- 2D2E00
- 151600
- 030300
톤
- EEF239
- E1E54D
- D4D85B
- C7CB65
- BBBF6D
- AFB273
- A3A578
- 97997B
- 8B8C7E
색 조화
보색 +180°
- FBFF0A
Hexos Palesun
- F3F2FF
≈ Cloud Break
유사색 -30° +30°
- FBFF0A
Hexos Palesun
- FFF2DB
≈ Xâkestari White
- DDFFD6
≈ Transparent Green
삼각 배색 +120° +240°
- FBFF0A
Hexos Palesun
- E6F6FF
≈ Kodama White
- FFEEF5
≈ Powder Puff
분열 보색 +150° +210°
- FBFF0A
Hexos Palesun
- EDF4FF
≈ Placebo Blue
- FCEEFF
≈ Lovely Euphoric Delight
사각 배색 +90° +180° +270°
- FBFF0A
Hexos Palesun
- D4FDFF
≈ Salt Mountain
- F3F2FF
≈ Cloud Break
- FFEFEE
≈ White Gloss
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.08:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 19.41:1 · APCA Lc 102
가장 좋은 글자색: #000000
WCAG 19.41:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
CSS
:root {
--hexos-palesun: #fbff0a;
--hexos-palesun-rgb: 251 255 10;
--hexos-palesun-oklch: oklch(0.965 0.211 110.9);
}
.element {
color: var(--hexos-palesun);
background-color: hsl(61 100% 52%);
border-color: oklch(0.965 0.211 110.9);
}Tailwind CSS v4
@theme {
--color-hexos-palesun: #fbff0a;
--color-hexos-palesun-50: #f5fcb6;
--color-hexos-palesun-100: #e8f09d;
--color-hexos-palesun-200: #d5de6d;
--color-hexos-palesun-300: #b9c21a;
--color-hexos-palesun-400: #a6a700;
--color-hexos-palesun-500: #908e00;
--color-hexos-palesun-600: #7a7800;
--color-hexos-palesun-700: #616000;
--color-hexos-palesun-800: #4a4500;
--color-hexos-palesun-900: #333000;
--color-hexos-palesun-950: #1f1c00;
}SCSS
$hexos-palesun: #fbff0a;
$hexos-palesun-rgb: 251, 255, 10;
$hexos-palesun-light: mix(#fff, $hexos-palesun, 20%);
$hexos-palesun-dark: mix(#000, $hexos-palesun, 20%);
.element {
color: $hexos-palesun;
box-shadow: 0 0 0 2px rgba($hexos-palesun, 0.35);
}