最も近い色名 · #F96999
#F96999
最も近い色名: Stellar Strawberry
#F96999（rgb(249 105 153)、hsl(340 92% 69%)、oklch(0.711 0.181 2)）に最も近い色名はStellar Strawberryです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#F96999
oklch(0.711 0.181 2)
カラー変換
- HEX
- #f96999
- RGB
- rgb(249 105 153)
- HSL
- hsl(340 92% 69%)
- HWB
- hwb(340 41% 2%)
- OKLCH
- oklch(0.711 0.181 2)
- OKLab
- oklab(0.711 0.181 0.006)
- CIE Lab
- lab(64.27 59.17 3.29)
- LCH
- lch(64.27 59.26 3.2)
- CMYK
- cmyk(0% 58% 39% 2%)
ティント · シェード · トーン
ティント
- FC7AA3
- FE8AAD
- FF99B7
- FFA8C1
- FFB7CB
- FFC6D5
- FFD4DF
- FFE2EA
- FFF1F4
シェード
- D95A84
- B94C70
- 9A3E5D
- 7D314A
- 612438
- 461827
- 2C0C17
- 150408
- 030001
トーン
- EE6D96
- E27194
- D77491
- CB778F
- BF798C
- B37B8A
- A77D87
- 9A7E85
- 8E7F82
カラーハーモニー
補色 +180°
- F96999
Stellar Strawberry
- 00BBA8
≈ Verditer
類似色 -30° +30°
- F96999
Stellar Strawberry
- E171D3
≈ Pink Orchid
- FE6E55
≈ Blistering Mars
トライアド +120° +240°
- F96999
Stellar Strawberry
- 90B100
≈ Grasping Grass
- 13ABFF
≈ Krishna Blue
スプリットコンプリメンタリー +150° +210°
- F96999
Stellar Strawberry
- 1BC166
≈ Algal Fuel
- 00B6CF
≈ Utopia Beckons
テトラード +90° +180° +270°
- F96999
Stellar Strawberry
- C39E00
≈ Molten Bronze
- 00BBA8
≈ Verditer
- 829AFF
≈ Periwinkle Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.50:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--stellar-strawberry: #f96999;
--stellar-strawberry-rgb: 249 105 153;
--stellar-strawberry-oklch: oklch(0.711 0.181 2);
}
.element {
color: var(--stellar-strawberry);
background-color: hsl(340 92% 69%);
border-color: oklch(0.711 0.181 2);
}Tailwind CSS v4
@theme {
--color-stellar-strawberry: #f96999;
--color-stellar-strawberry-50: #ffe0ef;
--color-stellar-strawberry-100: #ffcfe1;
--color-stellar-strawberry-200: #ffb3cb;
--color-stellar-strawberry-300: #ff8dad;
--color-stellar-strawberry-400: #f16996;
--color-stellar-strawberry-500: #df417d;
--color-stellar-strawberry-600: #bd396a;
--color-stellar-strawberry-700: #982d54;
--color-stellar-strawberry-800: #711f40;
--color-stellar-strawberry-900: #4f152c;
--color-stellar-strawberry-950: #340519;
}SCSS
$stellar-strawberry: #f96999;
$stellar-strawberry-rgb: 249, 105, 153;
$stellar-strawberry-light: mix(#fff, $stellar-strawberry, 20%);
$stellar-strawberry-dark: mix(#000, $stellar-strawberry, 20%);
.element {
color: $stellar-strawberry;
box-shadow: 0 0 0 2px rgba($stellar-strawberry, 0.35);
}