Cor nomeada · #FEDECD
Rosy Cloud
Rosy Cloud é #FEDECD: rgb(254 222 205), hsl(21 96% 90%), oklch(0.923 0.042 49.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Rosy Cloud color name →
#FEDECD
oklch(0.923 0.042 49.8)
Conversões de cor
- HEX
- #fedecd
- RGB
- rgb(254 222 205)
- HSL
- hsl(21 96% 90%)
- HWB
- hwb(21 80% 0%)
- OKLCH
- oklch(0.923 0.042 49.8)
- OKLab
- oklab(0.923 0.027 0.032)
- CIE Lab
- lab(90.83 9.5 12.65)
- LCH
- lch(90.83 15.82 53.1)
- CMYK
- cmyk(0% 13% 19% 0%)
Tons claros · Sombras · Tons
Tons claros
- FEE1D2
- FEE5D7
- FFE8DC
- FFEBE1
- FFEFE6
- FFF2EB
- FFF5F0
- FFF8F5
- FFFCFA
Sombras
- DDC1B2
- BDA598
- 9E897E
- 806F66
- 63554E
- 473D38
- 2D2623
- 16120F
- 030202
Tons
- F1D4C5
- E4CBBD
- D7C1B5
- CAB7AE
- BDAEA6
- B1A59E
- A49B97
- 98928F
- 8C8987
Harmonias de cor
Complementar +180°
- FEDECD
Rosy Cloud
- CAEBFD
≈ Blue Java Banana
Análoga -30° +30°
- FEDECD
Rosy Cloud
- FFDCDB
≈ Rose Tonic
- F5E3C6
≈ Honey Beige
Tríade +120° +240°
- FEDECD
Rosy Cloud
- CBEFE1
≈ Summer House
- E4E2FF
≈ Stoic White
Complementar dividida +150° +210°
- FEDECD
Rosy Cloud
- C6EFF0
≈ Princess Blue Feather
- D7E7FF
≈ Veiling Waterfalls
Tétrade +90° +180° +270°
- FEDECD
Rosy Cloud
- D7EDD2
≈ Mint Shake
- CAEBFD
≈ Blue Java Banana
- F2DDF8
≈ Grape Taffy
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre preto
WCAG 16.54:1 · APCA Lc 91
Melhor cor de texto: #000000
WCAG 16.54:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--rosy-cloud: #fedecd;
--rosy-cloud-rgb: 254 222 205;
--rosy-cloud-oklch: oklch(0.923 0.042 49.8);
}
.element {
color: var(--rosy-cloud);
background-color: hsl(21 96% 90%);
border-color: oklch(0.923 0.042 49.8);
}Tailwind CSS v4
@theme {
--color-rosy-cloud: #fedecd;
--color-rosy-cloud-50: #fff2ea;
--color-rosy-cloud-100: #f4e4db;
--color-rosy-cloud-200: #e4d0c4;
--color-rosy-cloud-300: #cab2a4;
--color-rosy-cloud-400: #b49889;
--color-rosy-cloud-500: #9e7e6d;
--color-rosy-cloud-600: #866b5d;
--color-rosy-cloud-700: #6b564a;
--color-rosy-cloud-800: #4f3e36;
--color-rosy-cloud-900: #372b25;
--color-rosy-cloud-950: #221813;
}SCSS
$rosy-cloud: #fedecd;
$rosy-cloud-rgb: 254, 222, 205;
$rosy-cloud-light: mix(#fff, $rosy-cloud, 20%);
$rosy-cloud-dark: mix(#000, $rosy-cloud, 20%);
.element {
color: $rosy-cloud;
box-shadow: 0 0 0 2px rgba($rosy-cloud, 0.35);
}