Màu có tên · #DEBCCD
Creamy Berry
Creamy Berry là #DEBCCD: rgb(222 188 205), hsl(330 34% 80%), oklch(0.829 0.045 346.5). 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 Pink mean? → · Creamy Berry color name →
#DEBCCD
oklch(0.829 0.045 346.5)
Chuyển đổi màu
- HEX
- #debccd
- RGB
- rgb(222 188 205)
- HSL
- hsl(330 34% 80%)
- HWB
- hwb(330 74% 13%)
- OKLCH
- oklch(0.829 0.045 346.5)
- OKLab
- oklab(0.829 0.044 -0.01)
- CIE Lab
- lab(79.62 14.62 -3.82)
- LCH
- lch(79.62 15.11 345.4)
- CMYK
- cmyk(0% 15% 8% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1C3D2
- E5C9D7
- E8D0DC
- ECD6E1
- EFDDE6
- F2E4EB
- F5EBF0
- F9F1F5
- FCF8FA
Sắc đậm
- C1A3B2
- A58B98
- 89737E
- 6F5D66
- 55474E
- 3D3238
- 261F23
- 120D0F
- 020202
Sắc xám
- D4B6C5
- CBB0BD
- C1AAB5
- B8A4AD
- AE9EA6
- A5989E
- 9B9296
- 928C8F
- 898687
Hòa sắc
Bổ túc +180°
- DEBCCD
Creamy Berry
- ADD1C1
≈ Lester
Tương đồng -30° +30°
- DEBCCD
Creamy Berry
- D3BFDB
≈ Plum Cake
- E3BCBD
≈ Soft Blush
Bộ ba +120° +240°
- DEBCCD
Creamy Berry
- CACAA8
≈ Thistle Green
- A9CEDE
≈ Carefree Sky
Bổ túc chia +150° +210°
- DEBCCD
Creamy Berry
- BACEB2
≈ Kiss of Mint
- A6D1D1
≈ Blue Angora
Bộ bốn +90° +180° +270°
- DEBCCD
Creamy Berry
- D8C4A7
≈ Biscotti
- ADD1C1
≈ Lester
- B5C9E5
≈ Radar
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.72:1 · APCA Lc 31
Ag
AAATrên nền đen
WCAG 12.18:1 · APCA Lc 72
Màu chữ tốt nhất: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--creamy-berry: #debccd;
--creamy-berry-rgb: 222 188 205;
--creamy-berry-oklch: oklch(0.829 0.045 346.5);
}
.element {
color: var(--creamy-berry);
background-color: hsl(330 34% 80%);
border-color: oklch(0.829 0.045 346.5);
}Tailwind CSS v4
@theme {
--color-creamy-berry: #debccd;
--color-creamy-berry-50: #fff0f7;
--color-creamy-berry-100: #f4e2ea;
--color-creamy-berry-200: #e4cdd7;
--color-creamy-berry-300: #caafbb;
--color-creamy-berry-400: #b394a4;
--color-creamy-berry-500: #9d7b8c;
--color-creamy-berry-600: #856877;
--color-creamy-berry-700: #6a535f;
--color-creamy-berry-800: #4e3c46;
--color-creamy-berry-900: #362930;
--color-creamy-berry-950: #21171d;
}SCSS
$creamy-berry: #debccd;
$creamy-berry-rgb: 222, 188, 205;
$creamy-berry-light: mix(#fff, $creamy-berry, 20%);
$creamy-berry-dark: mix(#000, $creamy-berry, 20%);
.element {
color: $creamy-berry;
box-shadow: 0 0 0 2px rgba($creamy-berry, 0.35);
}