Màu có tên gần nhất · #953357
#953357
Màu có tên gần nhất: Raspberry Romantic
#953357 (rgb(149 51 87), hsl(338 49% 39%), oklch(0.473 0.135 1.1)) gần nhất với màu có tên Raspberry Romantic. 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.
#953357
oklch(0.473 0.135 1.1)
Chuyển đổi màu
- HEX
- #953357
- RGB
- rgb(149 51 87)
- HSL
- hsl(338 49% 39%)
- HWB
- hwb(338 20% 42%)
- OKLCH
- oklch(0.473 0.135 1.1)
- OKLab
- oklab(0.473 0.135 0.002)
- CIE Lab
- lab(37.18 44.04 1.59)
- LCH
- lch(37.18 44.07 2.1)
- CMYK
- cmyk(0% 66% 42% 42%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A14866
- AD5D76
- B97186
- C48496
- CF98A7
- D9ACB8
- E3C1C9
- EDD5DB
- F6EAED
Sắc đậm
- 812B4B
- 6D233E
- 5A1C33
- 481427
- 370D1C
- 260712
- 160308
- 080103
- 010000
Sắc xám
- 943D5B
- 93455F
- 924E63
- 915567
- 8F5D6B
- 8D646F
- 8A6B73
- 877278
- 84797C
Hòa sắc
Bổ túc +180°
- 953357
Raspberry Romantic
- 006B5E
≈ Pacific Queen
Tương đồng -30° +30°
- 953357
Raspberry Romantic
- 853A7E
≈ Sparkling Grape
- 993628
≈ Brown Labrador
Bộ ba +120° +240°
- 953357
Raspberry Romantic
- 536500
≈ Serrano Pepper
- 006293
≈ Bauhaus Blue
Bổ túc chia +150° +210°
- 953357
Raspberry Romantic
- 006F33
≈ Column of Oak Green
- 006876
≈ Bankson Lake
Bộ bốn +90° +180° +270°
- 953357
Raspberry Romantic
- 705900
≈ Hot Mustard
- 006B5E
≈ Pacific Queen
- 4153A7
≈ Blasphemous Blue
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.26:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 2.88:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--raspberry-romantic: #953357;
--raspberry-romantic-rgb: 149 51 87;
--raspberry-romantic-oklch: oklch(0.473 0.135 1.1);
}
.element {
color: var(--raspberry-romantic);
background-color: hsl(338 49% 39%);
border-color: oklch(0.473 0.135 1.1);
}Tailwind CSS v4
@theme {
--color-raspberry-romantic: #953357;
--color-raspberry-romantic-50: #ffe6f1;
--color-raspberry-romantic-100: #ffd6e3;
--color-raspberry-romantic-200: #ffbcce;
--color-raspberry-romantic-300: #f29ab1;
--color-raspberry-romantic-400: #df7a99;
--color-raspberry-romantic-500: #cc5a81;
--color-raspberry-romantic-600: #ac4d6d;
--color-raspberry-romantic-700: #8a3d57;
--color-raspberry-romantic-800: #662c41;
--color-raspberry-romantic-900: #481d2d;
--color-raspberry-romantic-950: #2f0d1a;
}SCSS
$raspberry-romantic: #953357;
$raspberry-romantic-rgb: 149, 51, 87;
$raspberry-romantic-light: mix(#fff, $raspberry-romantic, 20%);
$raspberry-romantic-dark: mix(#000, $raspberry-romantic, 20%);
.element {
color: $raspberry-romantic;
box-shadow: 0 0 0 2px rgba($raspberry-romantic, 0.35);
}