最も近い色名 · #FB93B0
#FB93B0
最も近い色名: Rock’n’Rose
#FB93B0（rgb(251 147 176)、hsl(343 93% 78%)、oklch(0.78 0.129 2.6)）に最も近い色名はRock’n’Roseです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FB93B0
oklch(0.78 0.129 2.6)
カラー変換
- HEX
- #fb93b0
- RGB
- rgb(251 147 176)
- HSL
- hsl(343 93% 78%)
- HWB
- hwb(343 58% 2%)
- OKLCH
- oklch(0.78 0.129 2.6)
- OKLab
- oklab(0.78 0.129 0.006)
- CIE Lab
- lab(72.9 42.52 2.75)
- LCH
- lch(72.9 42.61 3.7)
- CMYK
- cmyk(0% 41% 30% 2%)
ティント · シェード · トーン
ティント
- FD9EB8
- FEA9BF
- FFB4C7
- FFBFCF
- FFCAD7
- FFD4DF
- FFDFE7
- FFEAEF
- FFF4F7
シェード
- DA7F99
- BA6C82
- 9C596C
- 7E4756
- 613642
- 46252E
- 2D161C
- 15080B
- 030101
トーン
- EF92AB
- E390A6
- D68FA1
- CA8D9C
- BE8B98
- B28993
- A6878E
- 998589
- 8D8285
カラーハーモニー
補色 +180°
- FB93B0
Rock’n’Rose
- 34D2BE
≈ Bianchi Green
類似色 -30° +30°
- FB93B0
Rock’n’Rose
- E898DB
≈ Love Dust
- FF9782
≈ Orange Aura
トライアド +120° +240°
- FB93B0
Rock’n’Rose
- A9C563
≈ Green Peridot
- 6BC0FF
≈ Maya Blue
スプリットコンプリメンタリー +150° +210°
- FB93B0
Rock’n’Rose
- 71CF8F
≈ Serengeti Green
- 2BCCE8
≈ Picnic Day Sky
テトラード +90° +180° +270°
- FB93B0
Rock’n’Rose
- D4B54B
≈ Farm Straw
- 34D2BE
≈ Bianchi Green
- 9FB3FF
≈ Wondrous Wisteria
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.12:1 · APCA Lc 41
Ag
AAA黒の上
WCAG 9.90:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--rock-n-rose: #fb93b0;
--rock-n-rose-rgb: 251 147 176;
--rock-n-rose-oklch: oklch(0.78 0.129 2.6);
}
.element {
color: var(--rock-n-rose);
background-color: hsl(343 93% 78%);
border-color: oklch(0.78 0.129 2.6);
}Tailwind CSS v4
@theme {
--color-rock-n-rose: #fb93b0;
--color-rock-n-rose-50: #ffe7f0;
--color-rock-n-rose-100: #ffd7e2;
--color-rock-n-rose-200: #ffbecd;
--color-rock-n-rose-300: #f09baf;
--color-rock-n-rose-400: #dc7c98;
--color-rock-n-rose-500: #c95d7f;
--color-rock-n-rose-600: #aa4f6b;
--color-rock-n-rose-700: #893f56;
--color-rock-n-rose-800: #652d40;
--color-rock-n-rose-900: #471e2c;
--color-rock-n-rose-950: #2e0e19;
}SCSS
$rock-n-rose: #fb93b0;
$rock-n-rose-rgb: 251, 147, 176;
$rock-n-rose-light: mix(#fff, $rock-n-rose, 20%);
$rock-n-rose-dark: mix(#000, $rock-n-rose, 20%);
.element {
color: $rock-n-rose;
box-shadow: 0 0 0 2px rgba($rock-n-rose, 0.35);
}