Màu có tên gần nhất · #DDA8B3
#DDA8B3
Màu có tên gần nhất: Young at Heart
#DDA8B3 (rgb(221 168 179), hsl(348 44% 76%), oklch(0.784 0.064 4.8)) gần nhất với màu có tên Young at Heart. 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.
#DDA8B3
oklch(0.784 0.064 4.8)
Chuyển đổi màu
- HEX
- #dda8b3
- RGB
- rgb(221 168 179)
- HSL
- hsl(348 44% 76%)
- HWB
- hwb(348 66% 13%)
- OKLCH
- oklch(0.784 0.064 4.8)
- OKLab
- oklab(0.784 0.064 0.005)
- CIE Lab
- lab(74.12 21.28 2.3)
- LCH
- lch(74.12 21.4 6.2)
- CMYK
- cmyk(0% 24% 19% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1B1BA
- E4B9C2
- E8C2C9
- ECCAD1
- EFD3D8
- F2DCE0
- F6E5E8
- F9EDEF
- FCF6F7
Sắc đậm
- C0929B
- A47C84
- 88676E
- 6E5258
- 553F43
- 3D2C2F
- 261A1D
- 110A0C
- 020101
Sắc xám
- D4A4AE
- CAA0A9
- C19CA3
- B7989E
- AE9499
- A59094
- 9C8C8F
- 92888A
- 898485
Hòa sắc
Bổ túc +180°
- DDA8B3
Young at Heart
- 89C6BE
≈ Holiday Turquoise
Tương đồng -30° +30°
- DDA8B3
Young at Heart
- D3AAC9
≈ Queenly
- DEAB9D
≈ Sun-Kissed Beach
Bộ ba +120° +240°
- DDA8B3
Young at Heart
- AFC094
≈ Harmonious
- 97BEDF
≈ Sleeping Easy
Bổ túc chia +150° +210°
- DDA8B3
Young at Heart
- 99C5A7
≈ Mini Green
- 89C4D2
≈ After the Rain
Bộ bốn +90° +180° +270°
- DDA8B3
Young at Heart
- C5B98A
≈ Bakelite Yellow
- 89C6BE
≈ Holiday Turquoise
- ACB6E2
≈ Sassy Violet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.03:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.32:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.32:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--young-at-heart: #dda8b3;
--young-at-heart-rgb: 221 168 179;
--young-at-heart-oklch: oklch(0.784 0.064 4.8);
}
.element {
color: var(--young-at-heart);
background-color: hsl(348 44% 76%);
border-color: oklch(0.784 0.064 4.8);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #dda8b3;
--color-young-at-heart-50: #ffeef2;
--color-young-at-heart-100: #fce0e4;
--color-young-at-heart-200: #eecacf;
--color-young-at-heart-300: #d5aab2;
--color-young-at-heart-400: #c08f99;
--color-young-at-heart-500: #ab7480;
--color-young-at-heart-600: #90636d;
--color-young-at-heart-700: #744f57;
--color-young-at-heart-800: #553940;
--color-young-at-heart-900: #3c272c;
--color-young-at-heart-950: #251519;
}SCSS
$young-at-heart: #dda8b3;
$young-at-heart-rgb: 221, 168, 179;
$young-at-heart-light: mix(#fff, $young-at-heart, 20%);
$young-at-heart-dark: mix(#000, $young-at-heart, 20%);
.element {
color: $young-at-heart;
box-shadow: 0 0 0 2px rgba($young-at-heart, 0.35);
}