Adlandırılmış renk · #FEDECD
Rosy Cloud
Rosy Cloud, #FEDECD: rgb(254 222 205), hsl(21 96% 90%), oklch(0.923 0.042 49.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Rosy Cloud color name →
#FEDECD
oklch(0.923 0.042 49.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FEE1D2
- FEE5D7
- FFE8DC
- FFEBE1
- FFEFE6
- FFF2EB
- FFF5F0
- FFF8F5
- FFFCFA
Koyu tonlar
- DDC1B2
- BDA598
- 9E897E
- 806F66
- 63554E
- 473D38
- 2D2623
- 16120F
- 030202
Gri tonlar
- F1D4C5
- E4CBBD
- D7C1B5
- CAB7AE
- BDAEA6
- B1A59E
- A49B97
- 98928F
- 8C8987
Renk uyumları
Tamamlayıcı +180°
- FEDECD
Rosy Cloud
- CAEBFD
≈ Blue Java Banana
Analog -30° +30°
- FEDECD
Rosy Cloud
- FFDCDB
≈ Rose Tonic
- F5E3C6
≈ Honey Beige
Üçlü +120° +240°
- FEDECD
Rosy Cloud
- CBEFE1
≈ Summer House
- E4E2FF
≈ Stoic White
Bölünmüş tamamlayıcı +150° +210°
- FEDECD
Rosy Cloud
- C6EFF0
≈ Princess Blue Feather
- D7E7FF
≈ Veiling Waterfalls
Dörtlü +90° +180° +270°
- FEDECD
Rosy Cloud
- D7EDD2
≈ Mint Shake
- CAEBFD
≈ Blue Java Banana
- F2DDF8
≈ Grape Taffy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.54:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.54:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
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);
}