Warna bernama · #E3B8BD
Seven Veils
Seven Veils adalah #E3B8BD: rgb(227 184 189), hsl(353 43% 81%), oklch(0.822 0.05 10.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Seven Veils color name →
#E3B8BD
oklch(0.822 0.05 10.4)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- E6BFC3
- E9C6CA
- ECCDD0
- EFD4D7
- F2DBDE
- F4E2E4
- F7E9EB
- FAF1F2
- FCF8F8
Shade
- C5A0A4
- A8888C
- 8C7174
- 715B5D
- 574547
- 3F3133
- 271E1F
- 120C0D
- 030202
Tone
- D9B2B7
- CFADB0
- C5A7AA
- BBA1A4
- B19C9E
- A79698
- 9D9192
- 938B8C
- 8A8586
Harmoni warna
Komplementer +180°
- E3B8BD
Seven Veils
- A0D0CC
≈ Cold Turquoise
Analog -30° +30°
- E3B8BD
Seven Veils
- DCB9CF
≈ Lavender Veil
- E2BBAD
≈ Tofino
Triadik +120° +240°
- E3B8BD
Seven Veils
- BACCAA
≈ Enamel Green
- ADC8E5
≈ Water Wash
Split-komplementer +150° +210°
- E3B8BD
Seven Veils
- A9CFBA
≈ Taffy Twist
- A2CDDC
≈ Intercoastal
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.77:1 · APCA Lc 33
Ag
AAADi atas hitam
WCAG 11.85:1 · APCA Lc 70
Warna teks terbaik: #000000
WCAG 11.85:1 (AAA) · APCA Lc 70
Contrast pairs
Cuplikan kode
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);
}