Adlandırılmış renk · #E7D9B9
At the Beach
At the Beach, #E7D9B9: rgb(231 217 185), hsl(42 49% 82%), oklch(0.888 0.045 87.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · At the Beach color name →
#E7D9B9
oklch(0.888 0.045 87.2)
Renk dönüşümleri
- HEX
- #e7d9b9
- RGB
- rgb(231 217 185)
- HSL
- hsl(42 49% 82%)
- HWB
- hwb(42 73% 9%)
- OKLCH
- oklch(0.888 0.045 87.2)
- OKLab
- oklab(0.888 0.002 0.045)
- CIE Lab
- lab(87.22 1.23 17.66)
- LCH
- lch(87.22 17.7 86)
- CMYK
- cmyk(0% 6% 20% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E9DDC0
- ECE1C7
- EEE4CE
- F1E8D5
- F3ECDC
- F5F0E3
- F8F4EA
- FAF7F1
- FDFBF8
Koyu tonlar
- C9BCA0
- ABA189
- 8F8671
- 736C5B
- 595346
- 403B31
- 28251E
- 13110D
- 030202
Gri tonlar
- DCD0B3
- D2C7AE
- C7BDA8
- BDB4A2
- B2AC9C
- A8A397
- 9E9A91
- 94918B
- 8A8986
Renk uyumları
Tamamlayıcı +180°
- E7D9B9
At the Beach
- CDDAF9
≈ Icy Plains
Analog -30° +30°
- E7D9B9
At the Beach
- F2D3BE
≈ Maiden’s Blush
- D7DFBD
≈ Security
Üçlü +120° +240°
- E7D9B9
At the Beach
- B9E3E9
≈ Alaskan Wind
- EBD0EA
≈ Little Touch
Bölünmüş tamamlayıcı +150° +210°
- E7D9B9
At the Beach
- BFDFF5
≈ Tropical Pool
- DDD5F5
≈ Japan Blush
Dörtlü +90° +180° +270°
- E7D9B9
At the Beach
- BCE5DA
≈ Soothing Sea
- CDDAF9
≈ Icy Plains
- F4CEDA
≈ Lover’s Retreat
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.39:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.02:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 15.02:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--at-the-beach: #e7d9b9;
--at-the-beach-rgb: 231 217 185;
--at-the-beach-oklch: oklch(0.888 0.045 87.2);
}
.element {
color: var(--at-the-beach);
background-color: hsl(42 49% 82%);
border-color: oklch(0.888 0.045 87.2);
}Tailwind CSS v4
@theme {
--color-at-the-beach: #e7d9b9;
--color-at-the-beach-50: #faf5e7;
--color-at-the-beach-100: #eee7d7;
--color-at-the-beach-200: #dcd4bf;
--color-at-the-beach-300: #c1b79e;
--color-at-the-beach-400: #aa9d80;
--color-at-the-beach-500: #938564;
--color-at-the-beach-600: #7c7055;
--color-at-the-beach-700: #645a44;
--color-at-the-beach-800: #4a4130;
--color-at-the-beach-900: #332d21;
--color-at-the-beach-950: #1f1a10;
}SCSS
$at-the-beach: #e7d9b9;
$at-the-beach-rgb: 231, 217, 185;
$at-the-beach-light: mix(#fff, $at-the-beach, 20%);
$at-the-beach-dark: mix(#000, $at-the-beach, 20%);
.element {
color: $at-the-beach;
box-shadow: 0 0 0 2px rgba($at-the-beach, 0.35);
}