이름 색상 · #E6D2BF
Simply Subtle Pink
Simply Subtle Pink은(는) #E6D2BF: rgb(230 210 191), hsl(29 44% 83%), oklch(0.875 0.034 65.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Simply Subtle Pink color name →
#E6D2BF
oklch(0.875 0.034 65.9)
색상 변환
- HEX
- #e6d2bf
- RGB
- rgb(230 210 191)
- HSL
- hsl(29 44% 83%)
- HWB
- hwb(29 75% 10%)
- OKLCH
- oklch(0.875 0.034 65.9)
- OKLab
- oklab(0.875 0.014 0.031)
- CIE Lab
- lab(85.49 4.93 12.1)
- LCH
- lch(85.49 13.07 67.8)
- CMYK
- cmyk(0% 9% 17% 10%)
틴트 · 셰이드 · 톤
틴트
- E9D6C5
- EBDBCC
- EEDFD2
- F0E4D8
- F3E8DF
- F5EDE5
- F8F1EC
- FAF6F2
- FDFAF9
셰이드
- C8B6A6
- AB9B8D
- 8E8175
- 73685E
- 595048
- 403933
- 28241F
- 13100D
- 030202
톤
- DBC9B9
- D1C1B2
- C6B9AC
- BCB0A5
- B2A89F
- A8A099
- 9E9893
- 94908C
- 8A8886
색 조화
보색 +180°
- E6D2BF
Simply Subtle Pink
- C4D9EB
≈ Light Morality
유사색 -30° +30°
- E6D2BF
Simply Subtle Pink
- EBCFC7
≈ Charmed
- DCD6BD
≈ Caraway Seeds
삼각 배색 +120° +240°
- E6D2BF
Simply Subtle Pink
- BEDED9
≈ Antiguan
- DBD1E8
≈ Shimmering Sky
분열 보색 +150° +210°
- E6D2BF
Simply Subtle Pink
- BEDCE4
≈ Quick-Freeze
- CFD5ED
≈ Garden Fairy
사각 배색 +90° +180° +270°
- E6D2BF
Simply Subtle Pink
- C5DDCD
≈ Green Wash
- C4D9EB
≈ Light Morality
- E5CEDF
≈ Summer Clover
대비 및 접근성
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 {
--simply-subtle-pink: #e6d2bf;
--simply-subtle-pink-rgb: 230 210 191;
--simply-subtle-pink-oklch: oklch(0.875 0.034 65.9);
}
.element {
color: var(--simply-subtle-pink);
background-color: hsl(29 44% 83%);
border-color: oklch(0.875 0.034 65.9);
}Tailwind CSS v4
@theme {
--color-simply-subtle-pink: #e6d2bf;
--color-simply-subtle-pink-50: #fcf4eb;
--color-simply-subtle-pink-100: #f0e6dc;
--color-simply-subtle-pink-200: #ded2c5;
--color-simply-subtle-pink-300: #c3b5a5;
--color-simply-subtle-pink-400: #ad9b8a;
--color-simply-subtle-pink-500: #96826f;
--color-simply-subtle-pink-600: #7f6e5e;
--color-simply-subtle-pink-700: #66584b;
--color-simply-subtle-pink-800: #4b4036;
--color-simply-subtle-pink-900: #342c25;
--color-simply-subtle-pink-950: #1f1914;
}SCSS
$simply-subtle-pink: #e6d2bf;
$simply-subtle-pink-rgb: 230, 210, 191;
$simply-subtle-pink-light: mix(#fff, $simply-subtle-pink, 20%);
$simply-subtle-pink-dark: mix(#000, $simply-subtle-pink, 20%);
.element {
color: $simply-subtle-pink;
box-shadow: 0 0 0 2px rgba($simply-subtle-pink, 0.35);
}