Cor nomeada · #FFD4A9
Neon Cloud
Neon Cloud é #FFD4A9: rgb(255 212 169), hsl(30 100% 83%), oklch(0.896 0.074 66.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Neon Cloud color name →
#FFD4A9
oklch(0.896 0.074 66.6)
Conversões de cor
- HEX
- #ffd4a9
- RGB
- rgb(255 212 169)
- HSL
- hsl(30 100% 83%)
- HWB
- hwb(30 66% 0%)
- OKLCH
- oklch(0.896 0.074 66.6)
- OKLab
- oklab(0.896 0.029 0.068)
- CIE Lab
- lab(87.9 11.25 27.28)
- LCH
- lch(87.9 29.51 67.6)
- CMYK
- cmyk(0% 17% 34% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFD8B2
- FFDDBB
- FFE1C3
- FFE5CC
- FFEAD4
- FFEEDD
- FFF2E5
- FFF7EE
- FFFBF6
Sombras
- DEB892
- BE9D7C
- 9E8367
- 806953
- 63513F
- 483A2C
- 2E241B
- 16100A
- 030201
Tons
- F2CBA5
- E5C3A1
- D8BA9D
- CBB299
- BEA995
- B1A191
- A5998D
- 989089
- 8C8884
Harmonias de cor
Complementar +180°
- FFD4A9
Neon Cloud
- C1E1FF
≈ Dithered Sky
Análoga -30° +30°
- FFD4A9
Neon Cloud
- FFD1C4
≈ Salmon Mousse
- EBDEA5
≈ Refreshing Tea
Tríade +120° +240°
- FFD4A9
Neon Cloud
- A4EDE5
≈ Mint Tea
- E8D2FF
≈ Rose Dragée
Complementar dividida +150° +210°
- FFD4A9
Neon Cloud
- A4EAFD
≈ Fresh Air
- D4DBFF
≈ Icy Plains
Tétrade +90° +180° +270°
- FFD4A9
Neon Cloud
- B5ECC9
≈ Slime Lime
- C1E1FF
≈ Dithered Sky
- FECBEF
≈ Puff of Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.24:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--neon-cloud: #ffd4a9;
--neon-cloud-rgb: 255 212 169;
--neon-cloud-oklch: oklch(0.896 0.074 66.6);
}
.element {
color: var(--neon-cloud);
background-color: hsl(30 100% 83%);
border-color: oklch(0.896 0.074 66.6);
}Tailwind CSS v4
@theme {
--color-neon-cloud: #ffd4a9;
--color-neon-cloud-50: #fff2df;
--color-neon-cloud-100: #f9e4ce;
--color-neon-cloud-200: #eacfb3;
--color-neon-cloud-300: #d1b18f;
--color-neon-cloud-400: #bd966f;
--color-neon-cloud-500: #a87c4f;
--color-neon-cloud-600: #8e6944;
--color-neon-cloud-700: #715436;
--color-neon-cloud-800: #543d26;
--color-neon-cloud-900: #3b2a1a;
--color-neon-cloud-950: #25170a;
}SCSS
$neon-cloud: #ffd4a9;
$neon-cloud-rgb: 255, 212, 169;
$neon-cloud-light: mix(#fff, $neon-cloud, 20%);
$neon-cloud-dark: mix(#000, $neon-cloud, 20%);
.element {
color: $neon-cloud;
box-shadow: 0 0 0 2px rgba($neon-cloud, 0.35);
}