Màu có tên · #9B95A9
Purple Surf
Purple Surf là #9B95A9: rgb(155 149 169), hsl(258 10% 62%), oklch(0.681 0.03 299.3). 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? → · Purple Surf color name →
#9B95A9
oklch(0.681 0.03 299.3)
Chuyển đổi màu
- HEX
- #9b95a9
- RGB
- rgb(155 149 169)
- HSL
- hsl(258 10% 62%)
- HWB
- hwb(258 58% 34%)
- OKLCH
- oklch(0.681 0.03 299.3)
- OKLab
- oklab(0.681 0.015 -0.026)
- CIE Lab
- lab(62.71 5.24 -9.69)
- LCH
- lch(62.71 11.02 298.4)
- CMYK
- cmyk(8% 12% 0% 34%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A59FB1
- AEA9BA
- B8B4C2
- C2BECB
- CCC9D3
- D6D3DC
- E0DEE5
- EAE9ED
- F5F4F6
Sắc đậm
- 868192
- 726D7C
- 5E5A67
- 4B4853
- 39373F
- 28262C
- 18161B
- 09080A
- 010101
Sắc xám
- 9893A5
- 9691A1
- 938F9D
- 908D98
- 8D8A94
- 8B8890
- 88868C
- 858488
- 838284
Hòa sắc
Bổ túc +180°
- 9B95A9
Purple Surf
- 969C87
≈ Leek Green
Tương đồng -30° +30°
- 9B95A9
Purple Surf
- 9198AC
≈ Moon Veil
- A492A2
≈ Fields of Provence
Bộ ba +120° +240°
- 9B95A9
Purple Surf
- A79587
≈ Sorrel Felt
- 869F99
≈ Meek Moss Green
Bổ túc chia +150° +210°
- 9B95A9
Purple Surf
- A09884
≈ Good Earth
- 8D9E8F
≈ Mossleaf
Bộ bốn +90° +180° +270°
- 9B95A9
Purple Surf
- AA928E
≈ Cortex
- 969C87
≈ Leek Green
- 849EA3
≈ Blue Tea
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.89:1 · APCA Lc 55
Ag
AAATrên nền đen
WCAG 7.26:1 · APCA Lc 47
Màu chữ tốt nhất: #000000
WCAG 7.26:1 (AAA) · APCA Lc 47
Contrast pairs
Đoạn mã
CSS
:root {
--purple-surf: #9b95a9;
--purple-surf-rgb: 155 149 169;
--purple-surf-oklch: oklch(0.681 0.03 299.3);
}
.element {
color: var(--purple-surf);
background-color: hsl(258 10% 62%);
border-color: oklch(0.681 0.03 299.3);
}Tailwind CSS v4
@theme {
--color-purple-surf: #9b95a9;
--color-purple-surf-50: #f6f3fd;
--color-purple-surf-100: #e9e6f0;
--color-purple-surf-200: #d6d2df;
--color-purple-surf-300: #bab4c5;
--color-purple-surf-400: #a19bae;
--color-purple-surf-500: #898298;
--color-purple-surf-600: #746e80;
--color-purple-surf-700: #5c5867;
--color-purple-surf-800: #43404c;
--color-purple-surf-900: #2e2c35;
--color-purple-surf-950: #1b1920;
}SCSS
$purple-surf: #9b95a9;
$purple-surf-rgb: 155, 149, 169;
$purple-surf-light: mix(#fff, $purple-surf, 20%);
$purple-surf-dark: mix(#000, $purple-surf, 20%);
.element {
color: $purple-surf;
box-shadow: 0 0 0 2px rgba($purple-surf, 0.35);
}