Màu có tên gần nhất · #E992AC
#E992AC
Màu có tên gần nhất: Pomelo Red
#E992AC (rgb(233 146 172), hsl(342 66% 74%), oklch(0.756 0.109 0.7)) gần nhất với màu có tên Pomelo Red. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#E992AC
oklch(0.756 0.109 0.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EC9DB4
- EFA8BC
- F2B3C4
- F4BECC
- F7C9D5
- F9D3DD
- FBDEE5
- FCE9EE
- FEF4F6
Sắc đậm
- CB7E95
- AD6B7F
- 905869
- 744654
- 5A3540
- 41252D
- 29161B
- 13080B
- 030101
Sắc xám
- DF91A7
- D48FA3
- CA8D9F
- BF8C9A
- B58A96
- AB8891
- A0868D
- 968489
- 8B8284
Hòa sắc
Bổ túc +180°
- E992AC
Pomelo Red
- 51C6B3
≈ Cockatoo
Tương đồng -30° +30°
- E992AC
Pomelo Red
- D896D0
≈ Girl Power
- ED9586
≈ Guava Jelly
Bộ ba +120° +240°
- E992AC
Pomelo Red
- A6BA69
≈ Beach Bag
- 6CB9EE
≈ Norfolk Sky
Bổ túc chia +150° +210°
- E992AC
Pomelo Red
- 7AC48C
≈ Felt Green
- 4AC2D7
≈ Naxos Sky
Bộ bốn +90° +180° +270°
- E992AC
Pomelo Red
- CAAD59
≈ Hay Wain
- 51C6B3
≈ Cockatoo
- 96ACF6
≈ Kitten’s Eye
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.28:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.17:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
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);
}