Cor nomeada · #FCFFA4
Calamansi
Calamansi é #FCFFA4: rgb(252 255 164), hsl(62 100% 82%), oklch(0.978 0.113 109.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Calamansi color name →
#FCFFA4
oklch(0.978 0.113 109.9)
Conversões de cor
- HEX
- #fcffa4
- RGB
- rgb(252 255 164)
- HSL
- hsl(62 100% 82%)
- HWB
- hwb(62 64% 0%)
- OKLCH
- oklch(0.978 0.113 109.9)
- OKLab
- oklab(0.978 -0.038 0.106)
- CIE Lab
- lab(98.27 -10.76 43.15)
- LCH
- lch(98.27 44.47 104)
- CMYK
- cmyk(1% 0% 36% 0%)
Tons claros · Sombras · Tons
Tons claros
- FCFFAE
- FCFFB8
- FDFFC1
- FDFFCB
- FDFFD4
- FDFFDD
- FEFFE5
- FEFFEE
- FFFFF7
Sombras
- DBDE8E
- BBBE79
- 9C9E64
- 7E8050
- 62633D
- 47482B
- 2D2E1A
- 16160A
- 030301
Tons
- EFF2A1
- E2E59E
- D5D89B
- C8CB98
- BCBE94
- AFB191
- A3A58D
- 979889
- 8C8C84
Harmonias de cor
Complementar +180°
- FCFFA4
Calamansi
- F7F7FF
≈ Ghost White
Análoga -30° +30°
- FCFFA4
Calamansi
- FFF7E9
≈ Apricot Ice
- EAFFE5
≈ Baby Tooth
Tríade +120° +240°
- FCFFA4
Calamansi
- EFFAFF
≈ Alice Blue
- FFF4F9
≈ Sea Salt Sherbet
Complementar dividida +150° +210°
- FCFFA4
Calamansi
- F4F8FF
≈ Mā White
- FDF4FF
≈ Sugar Crystal
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.05:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 19.97:1 · APCA Lc 104
Melhor cor de texto: #000000
WCAG 19.97:1 (AAA) · APCA Lc 104
Contrast pairs
Trechos de código
CSS
:root {
--calamansi: #fcffa4;
--calamansi-rgb: 252 255 164;
--calamansi-oklch: oklch(0.978 0.113 109.9);
}
.element {
color: var(--calamansi);
background-color: hsl(62 100% 82%);
border-color: oklch(0.978 0.113 109.9);
}Tailwind CSS v4
@theme {
--color-calamansi: #fcffa4;
--color-calamansi-50: #f5f9d4;
--color-calamansi-100: #e8ecc1;
--color-calamansi-200: #d5daa2;
--color-calamansi-300: #b8be79;
--color-calamansi-400: #a2a451;
--color-calamansi-500: #8b8c20;
--color-calamansi-600: #76761e;
--color-calamansi-700: #5e5f18;
--color-calamansi-800: #46450e;
--color-calamansi-900: #313008;
--color-calamansi-950: #1d1c00;
}SCSS
$calamansi: #fcffa4;
$calamansi-rgb: 252, 255, 164;
$calamansi-light: mix(#fff, $calamansi, 20%);
$calamansi-dark: mix(#000, $calamansi, 20%);
.element {
color: $calamansi;
box-shadow: 0 0 0 2px rgba($calamansi, 0.35);
}