Màu có tên gần nhất · #D56D91
#D56D91
Màu có tên gần nhất: Preppy Rose
#D56D91 (rgb(213 109 145), hsl(339 55% 63%), oklch(0.665 0.136 359.5)) gần nhất với màu có tên Preppy Rose. 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.
#D56D91
oklch(0.665 0.136 359.5)
Chuyển đổi màu
- HEX
- #d56d91
- RGB
- rgb(213 109 145)
- HSL
- hsl(339 55% 63%)
- HWB
- hwb(339 43% 16%)
- OKLCH
- oklch(0.665 0.136 359.5)
- OKLab
- oklab(0.665 0.136 -0.001)
- CIE Lab
- lab(59.42 44.54 0.09)
- LCH
- lch(59.42 44.54 0.1)
- CMYK
- cmyk(0% 49% 32% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DB7C9B
- E08BA6
- E599B1
- EAA8BC
- EEB6C7
- F2C5D2
- F6D3DD
- F9E2E8
- FCF0F4
Sắc đậm
- B95E7D
- 9E4F6A
- 834158
- 6A3346
- 512635
- 3A1925
- 240D15
- 100407
- 020101
Sắc xám
- CD708F
- C5728E
- BD758C
- B5778A
- AD7988
- A47B87
- 9C7C85
- 937E83
- 8A7F82
Hòa sắc
Bổ túc +180°
- D56D91
Preppy Rose
- 00AB96
≈ Shindig
Tương đồng -30° +30°
- D56D91
Preppy Rose
- C173BC
≈ Gulābī Pink
- DA7061
≈ Mettwurst
Bộ ba +120° +240°
- D56D91
Preppy Rose
- 8A9F31
≈ Vigorous Wasabi
- 2D9DDE
≈ Homeworld
Bổ túc chia +150° +210°
- D56D91
Preppy Rose
- 4DAA65
≈ Deep Mint
- 00A6BA
≈ Jamaican Sea
Bộ bốn +90° +180° +270°
- D56D91
Preppy Rose
- B58E01
≈ Cobra Leather
- 00AB96
≈ Shindig
- 738EE7
≈ Guilliman Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.26:1 · APCA Lc 60
Ag
AATrên nền đen
WCAG 6.42:1 · APCA Lc 42
Màu chữ tốt nhất: #000000
WCAG 6.42:1 (AA) · APCA Lc 42
Contrast pairs
Đoạn mã
CSS
:root {
--preppy-rose: #d56d91;
--preppy-rose-rgb: 213 109 145;
--preppy-rose-oklch: oklch(0.665 0.136 359.5);
}
.element {
color: var(--preppy-rose);
background-color: hsl(339 55% 63%);
border-color: oklch(0.665 0.136 359.5);
}Tailwind CSS v4
@theme {
--color-preppy-rose: #d56d91;
--color-preppy-rose-50: #ffe6f2;
--color-preppy-rose-100: #ffd6e5;
--color-preppy-rose-200: #ffbcd0;
--color-preppy-rose-300: #f19ab3;
--color-preppy-rose-400: #de7a9c;
--color-preppy-rose-500: #cb5a83;
--color-preppy-rose-600: #ac4d6f;
--color-preppy-rose-700: #8a3d59;
--color-preppy-rose-800: #662c43;
--color-preppy-rose-900: #481d2e;
--color-preppy-rose-950: #2f0d1b;
}SCSS
$preppy-rose: #d56d91;
$preppy-rose-rgb: 213, 109, 145;
$preppy-rose-light: mix(#fff, $preppy-rose, 20%);
$preppy-rose-dark: mix(#000, $preppy-rose, 20%);
.element {
color: $preppy-rose;
box-shadow: 0 0 0 2px rgba($preppy-rose, 0.35);
}