Màu có tên · #A8BFCC
Peace River
Peace River là #A8BFCC: rgb(168 191 204), hsl(202 26% 73%), oklch(0.791 0.031 232.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 Gray mean? → · Peace River color name →
#A8BFCC
oklch(0.791 0.031 232.5)
Chuyển đổi màu
- HEX
- #a8bfcc
- RGB
- rgb(168 191 204)
- HSL
- hsl(202 26% 73%)
- HWB
- hwb(202 66% 20%)
- OKLCH
- oklch(0.791 0.031 232.5)
- OKLab
- oklab(0.791 -0.019 -0.025)
- CIE Lab
- lab(75.9 -6.06 -9.35)
- LCH
- lch(75.9 11.14 237.1)
- CMYK
- cmyk(18% 6% 0% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B1C5D1
- B9CCD6
- C2D2DB
- CAD8E0
- D3DFE5
- DCE5EA
- E4ECF0
- EDF2F5
- F6F8FA
Sắc đậm
- 92A6B1
- 7C8D97
- 67757E
- 525E65
- 3F484E
- 2C3337
- 1A1F22
- 0A0D0F
- 010202
Sắc xám
- A4B9C4
- A0B2BC
- 9CACB5
- 98A5AD
- 949FA5
- 90999E
- 8C9296
- 888C8F
- 848687
Hòa sắc
Bổ túc +180°
- A8BFCC
Peace River
- CCB6A9
≈ Grey Mauve
Tương đồng -30° +30°
- A8BFCC
Peace River
- A5C1C4
≈ Ocean Kiss
- B0BBD0
≈ Sailor Boy
Bộ ba +120° +240°
- A8BFCC
Peace River
- CCB3BD
≈ Candlelight Dinner
- BBBDA7
≈ Softened Green
Bổ túc chia +150° +210°
- A8BFCC
Peace River
- CFB4B2
≈ Smoked Lavender
- C5BAA5
≈ Forgotten Tusk
Bộ bốn +90° +180° +270°
- A8BFCC
Peace River
- C5B5C7
≈ Delicate Mauve
- CCB6A9
≈ Grey Mauve
- B0C0AE
≈ Coastal Crush
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.91:1 · APCA Lc 36
Ag
AAATrên nền đen
WCAG 10.98:1 · APCA Lc 66
Màu chữ tốt nhất: #000000
WCAG 10.98:1 (AAA) · APCA Lc 66
Contrast pairs
Đoạn mã
CSS
:root {
--peace-river: #a8bfcc;
--peace-river-rgb: 168 191 204;
--peace-river-oklch: oklch(0.791 0.031 232.5);
}
.element {
color: var(--peace-river);
background-color: hsl(202 26% 73%);
border-color: oklch(0.791 0.031 232.5);
}Tailwind CSS v4
@theme {
--color-peace-river: #a8bfcc;
--color-peace-river-50: #edf7fd;
--color-peace-river-100: #deeaf1;
--color-peace-river-200: #c8d7e0;
--color-peace-river-300: #a9bac5;
--color-peace-river-400: #8da2ae;
--color-peace-river-500: #728a98;
--color-peace-river-600: #617580;
--color-peace-river-700: #4d5e67;
--color-peace-river-800: #38454b;
--color-peace-river-900: #262f34;
--color-peace-river-950: #141c20;
}SCSS
$peace-river: #a8bfcc;
$peace-river-rgb: 168, 191, 204;
$peace-river-light: mix(#fff, $peace-river, 20%);
$peace-river-dark: mix(#000, $peace-river, 20%);
.element {
color: $peace-river;
box-shadow: 0 0 0 2px rgba($peace-river, 0.35);
}