이름 색상 · #E3B8BD
Seven Veils
Seven Veils은(는) #E3B8BD: rgb(227 184 189), hsl(353 43% 81%), oklch(0.822 0.05 10.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Seven Veils color name →
#E3B8BD
oklch(0.822 0.05 10.4)
색상 변환
- HEX
- #e3b8bd
- RGB
- rgb(227 184 189)
- HSL
- hsl(353 43% 81%)
- HWB
- hwb(353 72% 11%)
- OKLCH
- oklch(0.822 0.05 10.4)
- OKLab
- oklab(0.822 0.049 0.009)
- CIE Lab
- lab(78.77 16.54 3.64)
- LCH
- lch(78.77 16.93 12.4)
- CMYK
- cmyk(0% 19% 17% 11%)
틴트 · 셰이드 · 톤
틴트
- E6BFC3
- E9C6CA
- ECCDD0
- EFD4D7
- F2DBDE
- F4E2E4
- F7E9EB
- FAF1F2
- FCF8F8
셰이드
- C5A0A4
- A8888C
- 8C7174
- 715B5D
- 574547
- 3F3133
- 271E1F
- 120C0D
- 030202
톤
- D9B2B7
- CFADB0
- C5A7AA
- BBA1A4
- B19C9E
- A79698
- 9D9192
- 938B8C
- 8A8586
색 조화
보색 +180°
- E3B8BD
Seven Veils
- A0D0CC
≈ Cold Turquoise
유사색 -30° +30°
- E3B8BD
Seven Veils
- DCB9CF
≈ Lavender Veil
- E2BBAD
≈ Tofino
삼각 배색 +120° +240°
- E3B8BD
Seven Veils
- BACCAA
≈ Enamel Green
- ADC8E5
≈ Water Wash
분열 보색 +150° +210°
- E3B8BD
Seven Veils
- A9CFBA
≈ Taffy Twist
- A2CDDC
≈ Intercoastal
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.77:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.85:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.85:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--seven-veils: #e3b8bd;
--seven-veils-rgb: 227 184 189;
--seven-veils-oklch: oklch(0.822 0.05 10.4);
}
.element {
color: var(--seven-veils);
background-color: hsl(353 43% 81%);
border-color: oklch(0.822 0.05 10.4);
}Tailwind CSS v4
@theme {
--color-seven-veils: #e3b8bd;
--color-seven-veils-50: #fff0f1;
--color-seven-veils-100: #f8e1e3;
--color-seven-veils-200: #e9ccce;
--color-seven-veils-300: #d0adb0;
--color-seven-veils-400: #ba9397;
--color-seven-veils-500: #a4797e;
--color-seven-veils-600: #8b666b;
--color-seven-veils-700: #6f5255;
--color-seven-veils-800: #523b3f;
--color-seven-veils-900: #39292b;
--color-seven-veils-950: #231719;
}SCSS
$seven-veils: #e3b8bd;
$seven-veils-rgb: 227, 184, 189;
$seven-veils-light: mix(#fff, $seven-veils, 20%);
$seven-veils-dark: mix(#000, $seven-veils, 20%);
.element {
color: $seven-veils;
box-shadow: 0 0 0 2px rgba($seven-veils, 0.35);
}