Adlandırılmış renk · #FCEDC5
Oasis Sand
Oasis Sand, #FCEDC5: rgb(252 237 197), hsl(44 90% 88%), oklch(0.948 0.054 89.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Oasis Sand color name →
#FCEDC5
oklch(0.948 0.054 89.9)
Renk dönüşümleri
- HEX
- #fcedc5
- RGB
- rgb(252 237 197)
- HSL
- hsl(44 90% 88%)
- HWB
- hwb(44 77% 1%)
- OKLCH
- oklch(0.948 0.054 89.9)
- OKLab
- oklab(0.948 0 0.054)
- CIE Lab
- lab(94.21 0.69 21.39)
- LCH
- lch(94.21 21.4 88.1)
- CMYK
- cmyk(0% 6% 22% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FCEFCB
- FDF1D1
- FDF3D7
- FDF4DC
- FEF6E2
- FEF8E8
- FEFAEE
- FEFBF4
- FFFDF9
Koyu tonlar
- DBCEAB
- BBB092
- 9C9379
- 7E7761
- 625C4B
- 474235
- 2D2A21
- 16140E
- 030302
Gri tonlar
- EFE2BE
- E2D6B7
- D5CBB0
- C9C0A9
- BCB5A2
- B0AA9B
- A49F95
- 98958E
- 8C8A87
Renk uyumları
Tamamlayıcı +180°
- FCEDC5
Oasis Sand
- E7EEFF
≈ Brilliant White
Analog -30° +30°
- FCEDC5
Oasis Sand
- FFE9D9
≈ Guiding Star
- E9F4CB
≈ Light of New Hope
Üçlü +120° +240°
- FCEDC5
Oasis Sand
- CBF7FF
≈ Vaporised
- FFE4FC
≈ Bunny Tail
Bölünmüş tamamlayıcı +150° +210°
- FCEDC5
Oasis Sand
- DEF1FF
≈ Wizard White
- F0EAFF
≈ Placebo Purple
Dörtlü +90° +180° +270°
- FCEDC5
Oasis Sand
- C7FAEF
≈ Glacial Drift
- E7EEFF
≈ Brilliant White
- FFE7ED
≈ Nosegay
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.16:1 · APCA Lc 8
Ag
AAASiyah üzerinde
WCAG 18.05:1 · APCA Lc 97
En iyi metin rengi: #000000
WCAG 18.05:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--oasis-sand: #fcedc5;
--oasis-sand-rgb: 252 237 197;
--oasis-sand-oklch: oklch(0.948 0.054 89.9);
}
.element {
color: var(--oasis-sand);
background-color: hsl(44 90% 88%);
border-color: oklch(0.948 0.054 89.9);
}Tailwind CSS v4
@theme {
--color-oasis-sand: #fcedc5;
--color-oasis-sand-50: #fbf5e4;
--color-oasis-sand-100: #eee8d4;
--color-oasis-sand-200: #dcd4bb;
--color-oasis-sand-300: #c1b798;
--color-oasis-sand-400: #ab9e7a;
--color-oasis-sand-500: #94855c;
--color-oasis-sand-600: #7d714e;
--color-oasis-sand-700: #645a3e;
--color-oasis-sand-800: #4a412c;
--color-oasis-sand-900: #342d1e;
--color-oasis-sand-950: #1f1a0e;
}SCSS
$oasis-sand: #fcedc5;
$oasis-sand-rgb: 252, 237, 197;
$oasis-sand-light: mix(#fff, $oasis-sand, 20%);
$oasis-sand-dark: mix(#000, $oasis-sand, 20%);
.element {
color: $oasis-sand;
box-shadow: 0 0 0 2px rgba($oasis-sand, 0.35);
}