Nazwany kolor · #FFD4A9
Neon Cloud
Neon Cloud to #FFD4A9: rgb(255 212 169), hsl(30 100% 83%), oklch(0.896 0.074 66.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Neon Cloud color name →
#FFD4A9
oklch(0.896 0.074 66.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFD8B2
- FFDDBB
- FFE1C3
- FFE5CC
- FFEAD4
- FFEEDD
- FFF2E5
- FFF7EE
- FFFBF6
Odcienie ciemniejsze
- DEB892
- BE9D7C
- 9E8367
- 806953
- 63513F
- 483A2C
- 2E241B
- 16100A
- 030201
Tony
- F2CBA5
- E5C3A1
- D8BA9D
- CBB299
- BEA995
- B1A191
- A5998D
- 989089
- 8C8884
Harmonie kolorów
Komplementarna +180°
- FFD4A9
Neon Cloud
- C1E1FF
≈ Dithered Sky
Analogowa -30° +30°
- FFD4A9
Neon Cloud
- FFD1C4
≈ Salmon Mousse
- EBDEA5
≈ Refreshing Tea
Triada +120° +240°
- FFD4A9
Neon Cloud
- A4EDE5
≈ Mint Tea
- E8D2FF
≈ Rose Dragée
Komplementarna rozszczepiona +150° +210°
- FFD4A9
Neon Cloud
- A4EAFD
≈ Fresh Air
- D4DBFF
≈ Icy Plains
Tetrada +90° +180° +270°
- FFD4A9
Neon Cloud
- B5ECC9
≈ Slime Lime
- C1E1FF
≈ Dithered Sky
- FECBEF
≈ Puff of Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.24:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}