Color con nombre · #FBFF0A
Hexos Palesun
Hexos Palesun es #FBFF0A: rgb(251 255 10), hsl(61 100% 52%), oklch(0.965 0.211 110.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Hexos Palesun color name →
#FBFF0A
oklch(0.965 0.211 110.9)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- FBFF4C
- FBFF6C
- FBFF84
- FCFF99
- FCFFAC
- FCFFBE
- FDFFCF
- FDFFE0
- FEFFF0
Sombras
- DADE07
- BABE05
- 9C9E03
- 7E8002
- 616301
- 464801
- 2D2E00
- 151600
- 030300
Tonos
- EEF239
- E1E54D
- D4D85B
- C7CB65
- BBBF6D
- AFB273
- A3A578
- 97997B
- 8B8C7E
Armonías de color
Complementario +180°
- FBFF0A
Hexos Palesun
- F3F2FF
≈ Cloud Break
Análogo -30° +30°
- FBFF0A
Hexos Palesun
- FFF2DB
≈ Xâkestari White
- DDFFD6
≈ Transparent Green
Triádico +120° +240°
- FBFF0A
Hexos Palesun
- E6F6FF
≈ Kodama White
- FFEEF5
≈ Powder Puff
Complementario dividido +150° +210°
- FBFF0A
Hexos Palesun
- EDF4FF
≈ Placebo Blue
- FCEEFF
≈ Lovely Euphoric Delight
Tetrádico +90° +180° +270°
- FBFF0A
Hexos Palesun
- D4FDFF
≈ Salt Mountain
- F3F2FF
≈ Cloud Break
- FFEFEE
≈ White Gloss
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.08:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 19.41:1 · APCA Lc 102
Mejor color de texto: #000000
WCAG 19.41:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmentos de código
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);
}