이름 색상 · #E29A86
Shrimp
Shrimp은(는) #E29A86: rgb(226 154 134), hsl(13 61% 71%), oklch(0.752 0.092 36.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Shrimp color name →
#E29A86
oklch(0.752 0.092 36.2)
색상 변환
- HEX
- #e29a86
- RGB
- rgb(226 154 134)
- HSL
- hsl(13 61% 71%)
- HWB
- hwb(13 53% 11%)
- OKLCH
- oklch(0.752 0.092 36.2)
- OKLab
- oklab(0.752 0.074 0.054)
- CIE Lab
- lab(70.55 26 22.03)
- LCH
- lch(70.55 34.08 40.3)
- CMYK
- cmyk(0% 32% 41% 11%)
틴트 · 셰이드 · 톤
틴트
- E6A492
- E9AE9E
- ECB8AA
- F0C2B6
- F3CCC2
- F5D6CE
- F8E1DA
- FBEBE6
- FDF5F3
셰이드
- C48574
- A87162
- 8C5E51
- 714B40
- 573930
- 3E2721
- 271713
- 120906
- 030101
톤
- D89886
- CE9585
- C59385
- BB9084
- B18E84
- A78B83
- 9E8882
- 948682
- 8A8381
색 조화
보색 +180°
- E29A86
Shrimp
- 63BDD4
≈ Skydive
유사색 -30° +30°
- E29A86
Shrimp
- E196A5
≈ Cherry Ice
- D7A36F
≈ Western Sunrise
삼각 배색 +120° +240°
- E29A86
Shrimp
- 7DC097
≈ Willow Hedge
- 9FAAE9
≈ Maximum Blue Purple
분열 보색 +150° +210°
- E29A86
Shrimp
- 63C2B7
≈ Tropic Tide
- 7DB5E6
≈ Aero
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.28:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.20:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--shrimp: #e29a86;
--shrimp-rgb: 226 154 134;
--shrimp-oklch: oklch(0.752 0.092 36.2);
}
.element {
color: var(--shrimp);
background-color: hsl(13 61% 71%);
border-color: oklch(0.752 0.092 36.2);
}Tailwind CSS v4
@theme {
--color-shrimp: #e29a86;
--color-shrimp-50: #ffede2;
--color-shrimp-100: #ffded2;
--color-shrimp-200: #f8c8b8;
--color-shrimp-300: #e1a896;
--color-shrimp-400: #ce8b78;
--color-shrimp-500: #ba6f5b;
--color-shrimp-600: #9d5e4d;
--color-shrimp-700: #7e4b3d;
--color-shrimp-800: #5e362d;
--color-shrimp-900: #42251e;
--color-shrimp-950: #2a130e;
}SCSS
$shrimp: #e29a86;
$shrimp-rgb: 226, 154, 134;
$shrimp-light: mix(#fff, $shrimp, 20%);
$shrimp-dark: mix(#000, $shrimp, 20%);
.element {
color: $shrimp;
box-shadow: 0 0 0 2px rgba($shrimp, 0.35);
}