이름 색상 · #E3D3BF
Oyster
Oyster은(는) #E3D3BF: rgb(227 211 191), hsl(33 39% 82%), oklch(0.875 0.032 73.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Oyster color name →
#E3D3BF
oklch(0.875 0.032 73.5)
색상 변환
- HEX
- #e3d3bf
- RGB
- rgb(227 211 191)
- HSL
- hsl(33 39% 82%)
- HWB
- hwb(33 75% 11%)
- OKLCH
- oklch(0.875 0.032 73.5)
- OKLab
- oklab(0.875 0.009 0.031)
- CIE Lab
- lab(85.48 3.32 12.04)
- LCH
- lch(85.48 12.49 74.6)
- CMYK
- cmyk(0% 7% 16% 11%)
틴트 · 셰이드 · 톤
틴트
- E6D7C5
- E9DCCC
- EBE0D2
- EEE4D8
- F1E9DF
- F4EDE5
- F7F2EC
- F9F6F2
- FCFBF9
셰이드
- C5B7A6
- A89C8D
- 8C8275
- 71695E
- 575148
- 3F3A33
- 27241F
- 12100D
- 030202
톤
- D9CAB9
- CEC2B2
- C4B9AC
- BAB1A5
- B0A99F
- A6A099
- 9D9893
- 93908C
- 898886
색 조화
보색 +180°
- E3D3BF
Oyster
- C7D7EB
≈ Fluid Blue
유사색 -30° +30°
- E3D3BF
Oyster
- E9CFC5
≈ Mosaic Pink
- D9D7BF
≈ White Moss
삼각 배색 +120° +240°
- E3D3BF
Oyster
- BEDDDC
≈ Mech Suit
- DDD0E5
≈ Shimmering Sky
분열 보색 +150° +210°
- E3D3BF
Oyster
- C0DBE6
≈ Pacific Breeze
- D2D3EB
≈ Artistic Violet
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.46:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.33:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--oyster: #e3d3bf;
--oyster-rgb: 227 211 191;
--oyster-oklch: oklch(0.875 0.032 73.5);
}
.element {
color: var(--oyster);
background-color: hsl(33 39% 82%);
border-color: oklch(0.875 0.032 73.5);
}Tailwind CSS v4
@theme {
--color-oyster: #e3d3bf;
--color-oyster-50: #fbf4eb;
--color-oyster-100: #eee7dc;
--color-oyster-200: #dcd3c5;
--color-oyster-300: #c1b5a6;
--color-oyster-400: #aa9c8a;
--color-oyster-500: #93836f;
--color-oyster-600: #7d6f5e;
--color-oyster-700: #64594b;
--color-oyster-800: #4a4136;
--color-oyster-900: #332d25;
--color-oyster-950: #1f1a14;
}SCSS
$oyster: #e3d3bf;
$oyster-rgb: 227, 211, 191;
$oyster-light: mix(#fff, $oyster, 20%);
$oyster-dark: mix(#000, $oyster, 20%);
.element {
color: $oyster;
box-shadow: 0 0 0 2px rgba($oyster, 0.35);
}