色名 · #F7B1A6
Riviera Rose
Riviera Roseは#F7B1A6：rgb(247 177 166)、hsl(8 84% 81%)、oklch(0.823 0.084 29)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Riviera Rose color name →
#F7B1A6
oklch(0.823 0.084 29)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- F8B9AF
- FAC1B8
- FBC9C0
- FCD0C9
- FDD8D2
- FEE0DB
- FEE8E4
- FFEFED
- FFF7F6
シェード
- D79990
- B7837A
- 996C65
- 7C5751
- 60423E
- 452F2B
- 2C1C1A
- 150C0A
- 030101
トーン
- EBACA2
- DFA79E
- D3A29B
- C79E97
- BB9993
- AF948F
- A38F8B
- 988A88
- 8C8584
カラーハーモニー
補色 +180°
- F7B1A6
Riviera Rose
- 80D5E2
≈ Middle Blue
類似色 -30° +30°
- F7B1A6
Riviera Rose
- F3AFC4
≈ Nadeshiko Pink
- EFB88E
≈ Melón Meloso
トライアド +120° +240°
- F7B1A6
Riviera Rose
- 9FD5A8
≈ Chinook
- AFC4FD
≈ Night Snow
スプリットコンプリメンタリー +150° +210°
- F7B1A6
Riviera Rose
- 86D7C6
≈ Ice Green
- 92CDF6
≈ Pacific Ocean
テトラード +90° +180° +270°
- F7B1A6
Riviera Rose
- BFCD8F
≈ Natural Green
- 80D5E2
≈ Middle Blue
- CCBAF5
≈ Connecticut Lilac
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.78:1 · APCA Lc 33
Ag
AAA黒の上
WCAG 11.79:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
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);
}