Màu có tên · #F3A09A
Pink Eraser
Pink Eraser là #F3A09A: rgb(243 160 154), hsl(4 79% 78%), oklch(0.786 0.1 24.1). 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.
What does Red mean? → · Pink Eraser color name →
#F3A09A
oklch(0.786 0.1 24.1)
Chuyển đổi màu
- HEX
- #f3a09a
- RGB
- rgb(243 160 154)
- HSL
- hsl(4 79% 78%)
- HWB
- hwb(4 60% 5%)
- OKLCH
- oklch(0.786 0.1 24.1)
- OKLab
- oklab(0.786 0.091 0.041)
- CIE Lab
- lab(74.25 31.2 16.55)
- LCH
- lch(74.25 35.31 27.9)
- CMYK
- cmyk(0% 34% 37% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F5AAA4
- F7B3AE
- F9BDB8
- FAC6C2
- FCD0CC
- FDD9D6
- FEE3E0
- FEECEA
- FFF6F5
Sắc đậm
- D38B85
- B47671
- 97615E
- 7A4E4B
- 5E3B39
- 442927
- 2B1917
- 140909
- 030101
Sắc xám
- E79D97
- DC9A95
- D19792
- C59490
- BA918D
- AE8E8B
- A38A88
- 978785
- 8C8383
Hòa sắc
Bổ túc +180°
- F3A09A
Pink Eraser
- 60CCD7
≈ Watercourse
Tương đồng -30° +30°
- F3A09A
Pink Eraser
- ED9FBE
≈ Prism Pink
- ECA87B
≈ Apricot Nectar
Bộ ba +120° +240°
- F3A09A
Pink Eraser
- 92CB91
≈ Fennel
- 99B9FA
≈ Truesky Gloxym
Bổ túc chia +150° +210°
- F3A09A
Pink Eraser
- 6ECFB5
≈ Seafoam Blue
- 75C4F0
≈ Spritzig
Bộ bốn +90° +180° +270°
- F3A09A
Pink Eraser
- B8C175
≈ Zoodles
- 60CCD7
≈ Watercourse
- BDADF4
≈ Purple Sand
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.03:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.30:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--pink-eraser: #f3a09a;
--pink-eraser-rgb: 243 160 154;
--pink-eraser-oklch: oklch(0.786 0.1 24.1);
}
.element {
color: var(--pink-eraser);
background-color: hsl(4 79% 78%);
border-color: oklch(0.786 0.1 24.1);
}Tailwind CSS v4
@theme {
--color-pink-eraser: #f3a09a;
--color-pink-eraser-50: #ffebe6;
--color-pink-eraser-100: #ffdcd7;
--color-pink-eraser-200: #fcc5be;
--color-pink-eraser-300: #e6a49d;
--color-pink-eraser-400: #d38781;
--color-pink-eraser-500: #c06a65;
--color-pink-eraser-600: #a25a56;
--color-pink-eraser-700: #824844;
--color-pink-eraser-800: #603432;
--color-pink-eraser-900: #442322;
--color-pink-eraser-950: #2b1211;
}SCSS
$pink-eraser: #f3a09a;
$pink-eraser-rgb: 243, 160, 154;
$pink-eraser-light: mix(#fff, $pink-eraser, 20%);
$pink-eraser-dark: mix(#000, $pink-eraser, 20%);
.element {
color: $pink-eraser;
box-shadow: 0 0 0 2px rgba($pink-eraser, 0.35);
}