Màu có tên · #E6D2BF
Simply Subtle Pink
Simply Subtle Pink là #E6D2BF: rgb(230 210 191), hsl(29 44% 83%), oklch(0.875 0.034 65.9). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Simply Subtle Pink color name →
#E6D2BF
oklch(0.875 0.034 65.9)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E9D6C5
- EBDBCC
- EEDFD2
- F0E4D8
- F3E8DF
- F5EDE5
- F8F1EC
- FAF6F2
- FDFAF9
Sắc đậm
- C8B6A6
- AB9B8D
- 8E8175
- 73685E
- 595048
- 403933
- 28241F
- 13100D
- 030202
Sắc xám
- DBC9B9
- D1C1B2
- C6B9AC
- BCB0A5
- B2A89F
- A8A099
- 9E9893
- 94908C
- 8A8886
Hòa sắc
Bổ túc +180°
- E6D2BF
Simply Subtle Pink
- C4D9EB
≈ Light Morality
Tương đồng -30° +30°
- E6D2BF
Simply Subtle Pink
- EBCFC7
≈ Charmed
- DCD6BD
≈ Caraway Seeds
Bộ ba +120° +240°
- E6D2BF
Simply Subtle Pink
- BEDED9
≈ Antiguan
- DBD1E8
≈ Shimmering Sky
Bổ túc chia +150° +210°
- E6D2BF
Simply Subtle Pink
- BEDCE4
≈ Quick-Freeze
- CFD5ED
≈ Garden Fairy
Bộ bốn +90° +180° +270°
- E6D2BF
Simply Subtle Pink
- C5DDCD
≈ Green Wash
- C4D9EB
≈ Light Morality
- E5CEDF
≈ Summer Clover
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.46:1 · APCA Lc 22
Ag
AAATrên nền đen
WCAG 14.33:1 · APCA Lc 81
Màu chữ tốt nhất: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
Đoạn mã
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);
}