Màu có tên · #F7B1A6
Riviera Rose
Riviera Rose là #F7B1A6: rgb(247 177 166), hsl(8 84% 81%), oklch(0.823 0.084 29). 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 Pink mean? → · Riviera Rose color name →
#F7B1A6
oklch(0.823 0.084 29)
Chuyển đổi màu
- HEX
- #f7b1a6
- RGB
- rgb(247 177 166)
- HSL
- hsl(8 84% 81%)
- HWB
- hwb(8 65% 3%)
- OKLCH
- oklch(0.823 0.084 29)
- OKLab
- oklab(0.823 0.073 0.041)
- CIE Lab
- lab(78.77 25.26 16.34)
- LCH
- lch(78.77 30.09 32.9)
- CMYK
- cmyk(0% 28% 33% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F8B9AF
- FAC1B8
- FBC9C0
- FCD0C9
- FDD8D2
- FEE0DB
- FEE8E4
- FFEFED
- FFF7F6
Sắc đậm
- D79990
- B7837A
- 996C65
- 7C5751
- 60423E
- 452F2B
- 2C1C1A
- 150C0A
- 030101
Sắc xám
- EBACA2
- DFA79E
- D3A29B
- C79E97
- BB9993
- AF948F
- A38F8B
- 988A88
- 8C8584
Hòa sắc
Bổ túc +180°
- F7B1A6
Riviera Rose
- 80D5E2
≈ Middle Blue
Tương đồng -30° +30°
- F7B1A6
Riviera Rose
- F3AFC4
≈ Nadeshiko Pink
- EFB88E
≈ Melón Meloso
Bộ ba +120° +240°
- F7B1A6
Riviera Rose
- 9FD5A8
≈ Chinook
- AFC4FD
≈ Night Snow
Bổ túc chia +150° +210°
- F7B1A6
Riviera Rose
- 86D7C6
≈ Ice Green
- 92CDF6
≈ Pacific Ocean
Bộ bốn +90° +180° +270°
- F7B1A6
Riviera Rose
- BFCD8F
≈ Natural Green
- 80D5E2
≈ Middle Blue
- CCBAF5
≈ Connecticut Lilac
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.78:1 · APCA Lc 33
Ag
AAATrên nền đen
WCAG 11.79:1 · APCA Lc 70
Màu chữ tốt nhất: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
Đoạn mã
CSS
:root {
--riviera-rose: #f7b1a6;
--riviera-rose-rgb: 247 177 166;
--riviera-rose-oklch: oklch(0.823 0.084 29);
}
.element {
color: var(--riviera-rose);
background-color: hsl(8 84% 81%);
border-color: oklch(0.823 0.084 29);
}Tailwind CSS v4
@theme {
--color-riviera-rose: #f7b1a6;
--color-riviera-rose-50: #ffede7;
--color-riviera-rose-100: #ffded7;
--color-riviera-rose-200: #f6c8bf;
--color-riviera-rose-300: #dfa89d;
--color-riviera-rose-400: #cb8c82;
--color-riviera-rose-500: #b77066;
--color-riviera-rose-600: #9b5f56;
--color-riviera-rose-700: #7c4c45;
--color-riviera-rose-800: #5c3732;
--color-riviera-rose-900: #412522;
--color-riviera-rose-950: #291411;
}SCSS
$riviera-rose: #f7b1a6;
$riviera-rose-rgb: 247, 177, 166;
$riviera-rose-light: mix(#fff, $riviera-rose, 20%);
$riviera-rose-dark: mix(#000, $riviera-rose, 20%);
.element {
color: $riviera-rose;
box-shadow: 0 0 0 2px rgba($riviera-rose, 0.35);
}