最も近い色名 · #E992AC
#E992AC
最も近い色名: Pomelo Red
#E992AC（rgb(233 146 172)、hsl(342 66% 74%)、oklch(0.756 0.109 0.7)）に最も近い色名はPomelo Redです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E992AC
oklch(0.756 0.109 0.7)
カラー変換
- HEX
- #e992ac
- RGB
- rgb(233 146 172)
- HSL
- hsl(342 66% 74%)
- HWB
- hwb(342 57% 9%)
- OKLCH
- oklch(0.756 0.109 0.7)
- OKLab
- oklab(0.756 0.109 0.001)
- CIE Lab
- lab(70.34 36.13 0.94)
- LCH
- lch(70.34 36.14 1.5)
- CMYK
- cmyk(0% 37% 26% 9%)
ティント · シェード · トーン
ティント
- EC9DB4
- EFA8BC
- F2B3C4
- F4BECC
- F7C9D5
- F9D3DD
- FBDEE5
- FCE9EE
- FEF4F6
シェード
- CB7E95
- AD6B7F
- 905869
- 744654
- 5A3540
- 41252D
- 29161B
- 13080B
- 030101
トーン
- DF91A7
- D48FA3
- CA8D9F
- BF8C9A
- B58A96
- AB8891
- A0868D
- 968489
- 8B8284
カラーハーモニー
補色 +180°
- E992AC
Pomelo Red
- 51C6B3
≈ Cockatoo
類似色 -30° +30°
- E992AC
Pomelo Red
- D896D0
≈ Girl Power
- ED9586
≈ Guava Jelly
トライアド +120° +240°
- E992AC
Pomelo Red
- A6BA69
≈ Beach Bag
- 6CB9EE
≈ Norfolk Sky
スプリットコンプリメンタリー +150° +210°
- E992AC
Pomelo Red
- 7AC48C
≈ Felt Green
- 4AC2D7
≈ Naxos Sky
テトラード +90° +180° +270°
- E992AC
Pomelo Red
- CAAD59
≈ Hay Wain
- 51C6B3
≈ Cockatoo
- 96ACF6
≈ Kitten’s Eye
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.17:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--pomelo-red: #e992ac;
--pomelo-red-rgb: 233 146 172;
--pomelo-red-oklch: oklch(0.756 0.109 0.7);
}
.element {
color: var(--pomelo-red);
background-color: hsl(342 66% 74%);
border-color: oklch(0.756 0.109 0.7);
}Tailwind CSS v4
@theme {
--color-pomelo-red: #e992ac;
--color-pomelo-red-50: #ffe9f2;
--color-pomelo-red-100: #ffd9e4;
--color-pomelo-red-200: #fdc1d0;
--color-pomelo-red-300: #e7a0b2;
--color-pomelo-red-400: #d4829b;
--color-pomelo-red-500: #c06582;
--color-pomelo-red-600: #a2566e;
--color-pomelo-red-700: #824458;
--color-pomelo-red-800: #603142;
--color-pomelo-red-900: #44212d;
--color-pomelo-red-950: #2b101a;
}SCSS
$pomelo-red: #e992ac;
$pomelo-red-rgb: 233, 146, 172;
$pomelo-red-light: mix(#fff, $pomelo-red, 20%);
$pomelo-red-dark: mix(#000, $pomelo-red, 20%);
.element {
color: $pomelo-red;
box-shadow: 0 0 0 2px rgba($pomelo-red, 0.35);
}