Adlandırılmış renk · #E8C8B8
Galveston Tan
Galveston Tan, #E8C8B8: rgb(232 200 184), hsl(20 51% 82%), oklch(0.856 0.042 48.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Galveston Tan color name →
#E8C8B8
oklch(0.856 0.042 48.2)
Renk dönüşümleri
- HEX
- #e8c8b8
- RGB
- rgb(232 200 184)
- HSL
- hsl(20 51% 82%)
- HWB
- hwb(20 72% 9%)
- OKLCH
- oklch(0.856 0.042 48.2)
- OKLab
- oklab(0.856 0.028 0.032)
- CIE Lab
- lab(83.05 9.84 12.42)
- LCH
- lch(83.05 15.85 51.6)
- CMYK
- cmyk(0% 14% 21% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EACDBF
- EDD3C6
- EFD8CD
- F2DED4
- F4E3DB
- F6E9E2
- F8EEE9
- FBF4F1
- FDF9F8
Koyu tonlar
- CAAEA0
- AC9488
- 907B71
- 74635B
- 594C45
- 403631
- 29211E
- 130F0C
- 030202
Gri tonlar
- DDC1B2
- D2B9AD
- C8B2A7
- BDABA1
- B3A39C
- A99C96
- 9E9591
- 948E8B
- 8A8785
Renk uyumları
Tamamlayıcı +180°
- E8C8B8
Galveston Tan
- B4D6E6
≈ Lingerie Blue
Analog -30° +30°
- E8C8B8
Galveston Tan
- EAC5C5
≈ Berry Good
- DFCDB1
≈ Pretty Pastry
Üçlü +120° +240°
- E8C8B8
Galveston Tan
- B6D9CA
≈ Gemini
- CECCEB
≈ Miami White
Bölünmüş tamamlayıcı +150° +210°
- E8C8B8
Galveston Tan
- B0D9DA
≈ Timeless
- BFD1EC
≈ Maritime
Dörtlü +90° +180° +270°
- E8C8B8
Galveston Tan
- C2D7BC
≈ Surf Crest
- B4D6E6
≈ Lingerie Blue
- DCC7E2
≈ Purity
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.56:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.38:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--galveston-tan: #e8c8b8;
--galveston-tan-rgb: 232 200 184;
--galveston-tan-oklch: oklch(0.856 0.042 48.2);
}
.element {
color: var(--galveston-tan);
background-color: hsl(20 51% 82%);
border-color: oklch(0.856 0.042 48.2);
}Tailwind CSS v4
@theme {
--color-galveston-tan: #e8c8b8;
--color-galveston-tan-50: #fff2eb;
--color-galveston-tan-100: #f4e4dc;
--color-galveston-tan-200: #e4d0c4;
--color-galveston-tan-300: #cab2a4;
--color-galveston-tan-400: #b49789;
--color-galveston-tan-500: #9e7e6e;
--color-galveston-tan-600: #866b5d;
--color-galveston-tan-700: #6b554a;
--color-galveston-tan-800: #4f3e36;
--color-galveston-tan-900: #372b25;
--color-galveston-tan-950: #221814;
}SCSS
$galveston-tan: #e8c8b8;
$galveston-tan-rgb: 232, 200, 184;
$galveston-tan-light: mix(#fff, $galveston-tan, 20%);
$galveston-tan-dark: mix(#000, $galveston-tan, 20%);
.element {
color: $galveston-tan;
box-shadow: 0 0 0 2px rgba($galveston-tan, 0.35);
}