가장 가까운 이름 색상 · #E9B4D4
#E9B4D4
가장 가까운 이름 색상: Soft Cashmere
#E9B4D4(rgb(233 180 212), hsl(324 55% 81%), oklch(0.827 0.074 342))와 가장 가까운 이름 색상은 Soft Cashmere입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E9B4D4
oklch(0.827 0.074 342)
색상 변환
- HEX
- #e9b4d4
- RGB
- rgb(233 180 212)
- HSL
- hsl(324 55% 81%)
- HWB
- hwb(324 71% 9%)
- OKLCH
- oklch(0.827 0.074 342)
- OKLab
- oklab(0.827 0.07 -0.023)
- CIE Lab
- lab(78.95 23.51 -8.4)
- LCH
- lch(78.95 24.97 340.3)
- CMYK
- cmyk(0% 23% 9% 9%)
틴트 · 셰이드 · 톤
틴트
- ECBBD8
- EEC3DD
- F0CAE1
- F3D2E5
- F5D9E9
- F7E1EE
- F9E8F2
- FBF0F6
- FDF7FB
셰이드
- CB9CB8
- AD859D
- 906E83
- 745869
- 5A4451
- 41303A
- 291D24
- 130C10
- 030202
톤
- DEAFCB
- D4AAC3
- C9A4BA
- BE9FB2
- B49AA9
- A995A1
- 9F9098
- 958A90
- 8A8588
색 조화
보색 +180°
- E9B4D4
Soft Cashmere
- 9BD6B8
≈ Nihilakh Oxide
유사색 -30° +30°
- E9B4D4
Soft Cashmere
- D7B9EA
≈ Pretty Petunia
- F2B3BA
≈ Powder Rose
삼각 배색 +120° +240°
- E9B4D4
Soft Cashmere
- D0C991
≈ Dusty Yellow
- 90D2E9
≈ Slightly Spritzig
분열 보색 +150° +210°
- E9B4D4
Soft Cashmere
- B5D19F
≈ Apium
- 8CD6D3
≈ Sea Wave
사각 배색 +90° +180° +270°
- E9B4D4
Soft Cashmere
- E5BF92
≈ Laksa
- 9BD6B8
≈ Nihilakh Oxide
- A4CAF6
≈ Baby Blue Eyes
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.75:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.94:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.94:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--soft-cashmere: #e9b4d4;
--soft-cashmere-rgb: 233 180 212;
--soft-cashmere-oklch: oklch(0.827 0.074 342);
}
.element {
color: var(--soft-cashmere);
background-color: hsl(324 55% 81%);
border-color: oklch(0.827 0.074 342);
}Tailwind CSS v4
@theme {
--color-soft-cashmere: #e9b4d4;
--color-soft-cashmere-50: #ffedfa;
--color-soft-cashmere-100: #fbdfee;
--color-soft-cashmere-200: #ecc8dc;
--color-soft-cashmere-300: #d4a9c1;
--color-soft-cashmere-400: #be8dab;
--color-soft-cashmere-500: #a87394;
--color-soft-cashmere-600: #8e617d;
--color-soft-cashmere-700: #724e64;
--color-soft-cashmere-800: #54384a;
--color-soft-cashmere-900: #3a2634;
--color-soft-cashmere-950: #24151f;
}SCSS
$soft-cashmere: #e9b4d4;
$soft-cashmere-rgb: 233, 180, 212;
$soft-cashmere-light: mix(#fff, $soft-cashmere, 20%);
$soft-cashmere-dark: mix(#000, $soft-cashmere, 20%);
.element {
color: $soft-cashmere;
box-shadow: 0 0 0 2px rgba($soft-cashmere, 0.35);
}