이름 색상 · #E8C8B8
Galveston Tan
Galveston Tan은(는) #E8C8B8: rgb(232 200 184), hsl(20 51% 82%), oklch(0.856 0.042 48.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Galveston Tan color name →
#E8C8B8
oklch(0.856 0.042 48.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- EACDBF
- EDD3C6
- EFD8CD
- F2DED4
- F4E3DB
- F6E9E2
- F8EEE9
- FBF4F1
- FDF9F8
셰이드
- CAAEA0
- AC9488
- 907B71
- 74635B
- 594C45
- 403631
- 29211E
- 130F0C
- 030202
톤
- DDC1B2
- D2B9AD
- C8B2A7
- BDABA1
- B3A39C
- A99C96
- 9E9591
- 948E8B
- 8A8785
색 조화
보색 +180°
- E8C8B8
Galveston Tan
- B4D6E6
≈ Lingerie Blue
유사색 -30° +30°
- E8C8B8
Galveston Tan
- EAC5C5
≈ Berry Good
- DFCDB1
≈ Pretty Pastry
삼각 배색 +120° +240°
- E8C8B8
Galveston Tan
- B6D9CA
≈ Gemini
- CECCEB
≈ Miami White
분열 보색 +150° +210°
- E8C8B8
Galveston Tan
- B0D9DA
≈ Timeless
- BFD1EC
≈ Maritime
사각 배색 +90° +180° +270°
- E8C8B8
Galveston Tan
- C2D7BC
≈ Surf Crest
- B4D6E6
≈ Lingerie Blue
- DCC7E2
≈ Purity
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.38:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
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);
}