Adlandırılmış renk · #EDE1CC
Sunny Gazebo
Sunny Gazebo, #EDE1CC: rgb(237 225 204), hsl(38 48% 86%), oklch(0.914 0.031 81.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Sunny Gazebo color name →
#EDE1CC
oklch(0.914 0.031 81.8)
Renk dönüşümleri
- HEX
- #ede1cc
- RGB
- rgb(237 225 204)
- HSL
- hsl(38 48% 86%)
- HWB
- hwb(38 80% 7%)
- OKLCH
- oklch(0.914 0.031 81.8)
- OKLab
- oklab(0.914 0.004 0.031)
- CIE Lab
- lab(90.08 1.69 11.86)
- LCH
- lch(90.08 11.98 81.9)
- CMYK
- cmyk(0% 5% 14% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFE4D1
- F1E7D6
- F2EADB
- F4EDE0
- F6F0E5
- F8F3EB
- FAF6F0
- FBF9F5
- FDFCFA
Koyu tonlar
- CEC4B1
- B0A797
- 938B7E
- 777065
- 5C564E
- 423E37
- 2A2722
- 14120F
- 030202
Gri tonlar
- E2D7C4
- D6CDBC
- CBC3B5
- C0B9AD
- B5AFA5
- AAA69E
- 9F9C96
- 95938F
- 8A8987
Renk uyumları
Tamamlayıcı +180°
- EDE1CC
Sunny Gazebo
- D7E3F8
≈ Aquarelle Purple
Analog -30° +30°
- EDE1CC
Sunny Gazebo
- F4DDD0
≈ Canyonville
- E3E5CE
≈ Pineapple Soda
Üçlü +120° +240°
- EDE1CC
Sunny Gazebo
- CCE9EB
≈ Summer Mist
- EDDCEF
≈ Divine Dove
Bölünmüş tamamlayıcı +150° +210°
- EDE1CC
Sunny Gazebo
- CFE7F4
≈ New Heights
- E2DFF6
≈ Lingering Lilac
Dörtlü +90° +180° +270°
- EDE1CC
Sunny Gazebo
- CFEAE0
≈ Ice Water Green
- D7E3F8
≈ Aquarelle Purple
- F4DBE5
≈ Columbine
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.29:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.24:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.24:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--sunny-gazebo: #ede1cc;
--sunny-gazebo-rgb: 237 225 204;
--sunny-gazebo-oklch: oklch(0.914 0.031 81.8);
}
.element {
color: var(--sunny-gazebo);
background-color: hsl(38 48% 86%);
border-color: oklch(0.914 0.031 81.8);
}Tailwind CSS v4
@theme {
--color-sunny-gazebo: #ede1cc;
--color-sunny-gazebo-50: #f9f5eb;
--color-sunny-gazebo-100: #ede7dd;
--color-sunny-gazebo-200: #dbd3c6;
--color-sunny-gazebo-300: #bfb6a6;
--color-sunny-gazebo-400: #a89d8a;
--color-sunny-gazebo-500: #91856f;
--color-sunny-gazebo-600: #7a705e;
--color-sunny-gazebo-700: #625a4b;
--color-sunny-gazebo-800: #484136;
--color-sunny-gazebo-900: #322d25;
--color-sunny-gazebo-950: #1e1a14;
}SCSS
$sunny-gazebo: #ede1cc;
$sunny-gazebo-rgb: 237, 225, 204;
$sunny-gazebo-light: mix(#fff, $sunny-gazebo, 20%);
$sunny-gazebo-dark: mix(#000, $sunny-gazebo, 20%);
.element {
color: $sunny-gazebo;
box-shadow: 0 0 0 2px rgba($sunny-gazebo, 0.35);
}