最も近い色名 · #FD9489
#FD9489
最も近い色名: Mona Lisa
#FD9489（rgb(253 148 137)、hsl(6 97% 76%)、oklch(0.774 0.128 26.8)）に最も近い色名はMona Lisaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FD9489
oklch(0.774 0.128 26.8)
カラー変換
- HEX
- #fd9489
- RGB
- rgb(253 148 137)
- HSL
- hsl(6 97% 76%)
- HWB
- hwb(6 54% 1%)
- OKLCH
- oklch(0.774 0.128 26.8)
- OKLab
- oklab(0.774 0.115 0.058)
- CIE Lab
- lab(72.63 39.6 23.87)
- LCH
- lch(72.63 46.24 31.1)
- CMYK
- cmyk(0% 42% 46% 1%)
ティント · シェード · トーン
ティント
- FF9F95
- FFAAA0
- FFB5AC
- FFC0B8
- FFCAC3
- FFD5CF
- FFE0DB
- FFEAE7
- FFF5F3
シェード
- DC8076
- BC6D64
- 9D5A53
- 7F4842
- 623631
- 472622
- 2D1614
- 160807
- 030101
トーン
- F19388
- E49188
- D88F87
- CC8E86
- BF8C85
- B38A84
- A68783
- 9A8582
- 8D8381
カラーハーモニー
補色 +180°
- FD9489
Mona Lisa
- 1FCCDF
≈ Picnic Day Sky
類似色 -30° +30°
- FD9489
Mona Lisa
- F692B7
≈ Schauss Pink
- F39F5F
≈ Bergamot Orange
トライアド +120° +240°
- FD9489
Mona Lisa
- 7BCC84
≈ Serengeti Green
- 95B3FF
≈ Carolina Blue
スプリットコンプリメンタリー +150° +210°
- FD9489
Mona Lisa
- 3ED0B4
≈ Simply Aqua
- 59C1FD
≈ Blue Mana
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.14:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.77:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--mona-lisa: #fd9489;
--mona-lisa-rgb: 253 148 137;
--mona-lisa-oklch: oklch(0.774 0.128 26.8);
}
.element {
color: var(--mona-lisa);
background-color: hsl(6 97% 76%);
border-color: oklch(0.774 0.128 26.8);
}Tailwind CSS v4
@theme {
--color-mona-lisa: #fd9489;
--color-mona-lisa-50: #ffe8e0;
--color-mona-lisa-100: #ffd9d0;
--color-mona-lisa-200: #ffc0b5;
--color-mona-lisa-300: #f29e92;
--color-mona-lisa-400: #e07f75;
--color-mona-lisa-500: #cd6056;
--color-mona-lisa-600: #ad524a;
--color-mona-lisa-700: #8b413b;
--color-mona-lisa-800: #682e2b;
--color-mona-lisa-900: #491f1d;
--color-mona-lisa-950: #300e0d;
}SCSS
$mona-lisa: #fd9489;
$mona-lisa-rgb: 253, 148, 137;
$mona-lisa-light: mix(#fff, $mona-lisa, 20%);
$mona-lisa-dark: mix(#000, $mona-lisa, 20%);
.element {
color: $mona-lisa;
box-shadow: 0 0 0 2px rgba($mona-lisa, 0.35);
}