最も近い色名 · #ED9F90
#ED9F90
最も近い色名: Pink Palazzo
#ED9F90（rgb(237 159 144)、hsl(10 72% 75%)、oklch(0.776 0.096 31.3)）に最も近い色名はPink Palazzoです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#ED9F90
oklch(0.776 0.096 31.3)
カラー変換
- HEX
- #ed9f90
- RGB
- rgb(237 159 144)
- HSL
- hsl(10 72% 75%)
- HWB
- hwb(10 56% 7%)
- OKLCH
- oklch(0.776 0.096 31.3)
- OKLab
- oklab(0.776 0.082 0.05)
- CIE Lab
- lab(73.15 28.57 20.34)
- LCH
- lch(73.15 35.07 35.5)
- CMYK
- cmyk(0% 33% 39% 7%)
ティント · シェード · トーン
ティント
- F0A99B
- F2B2A6
- F4BCB1
- F6C6BC
- F8CFC7
- FAD9D2
- FCE2DD
- FDECE8
- FEF5F4
シェード
- CE8A7D
- B0756A
- 936157
- 774D45
- 5C3B34
- 422924
- 2A1815
- 140907
- 030101
トーン
- E29C8F
- D7998D
- CC968C
- C1938A
- B79089
- AC8D87
- A18A85
- 968784
- 8B8382
カラーハーモニー
補色 +180°
- ED9F90
Pink Palazzo
- 63C7D9
≈ Rushing Stream
類似色 -30° +30°
- ED9F90
Pink Palazzo
- EA9CB2
≈ Always Rosey
- E3A875
≈ Golden Patina
トライアド +120° +240°
- ED9F90
Pink Palazzo
- 87C897
≈ Good Luck Charm
- 9FB3F4
≈ Wondrous Wisteria
スプリットコンプリメンタリー +150° +210°
- ED9F90
Pink Palazzo
- 68CABA
≈ Kinetic Teal
- 7CBEEE
≈ C’est la Vie
テトラード +90° +180° +270°
- ED9F90
Pink Palazzo
- ACC079
≈ Lavish Lime
- 63C7D9
≈ Rushing Stream
- C1A8EA
≈ Tropical Violet
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.10:1 · APCA Lc 41
Ag
AAA黒の上
WCAG 9.96:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--pink-palazzo: #ed9f90;
--pink-palazzo-rgb: 237 159 144;
--pink-palazzo-oklch: oklch(0.776 0.096 31.3);
}
.element {
color: var(--pink-palazzo);
background-color: hsl(10 72% 75%);
border-color: oklch(0.776 0.096 31.3);
}Tailwind CSS v4
@theme {
--color-pink-palazzo: #ed9f90;
--color-pink-palazzo-50: #ffece4;
--color-pink-palazzo-100: #ffddd3;
--color-pink-palazzo-200: #fbc6ba;
--color-pink-palazzo-300: #e4a698;
--color-pink-palazzo-400: #d1897b;
--color-pink-palazzo-500: #bd6d5e;
--color-pink-palazzo-600: #a05c50;
--color-pink-palazzo-700: #804a3f;
--color-pink-palazzo-800: #5f352f;
--color-pink-palazzo-900: #43241f;
--color-pink-palazzo-950: #2b130f;
}SCSS
$pink-palazzo: #ed9f90;
$pink-palazzo-rgb: 237, 159, 144;
$pink-palazzo-light: mix(#fff, $pink-palazzo, 20%);
$pink-palazzo-dark: mix(#000, $pink-palazzo, 20%);
.element {
color: $pink-palazzo;
box-shadow: 0 0 0 2px rgba($pink-palazzo, 0.35);
}