Màu có tên · #FFB3A7
Washed-Out Crimson
Washed-Out Crimson là #FFB3A7: rgb(255 179 167), hsl(8 100% 83%), oklch(0.836 0.091 29.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 Pink mean? → · Washed-Out Crimson color name →
#FFB3A7
oklch(0.836 0.091 29.1)
Chuyển đổi màu
- HEX
- #ffb3a7
- RGB
- rgb(255 179 167)
- HSL
- hsl(8 100% 83%)
- HWB
- hwb(8 65% 0%)
- OKLCH
- oklch(0.836 0.091 29.1)
- OKLab
- oklab(0.836 0.08 0.044)
- CIE Lab
- lab(80.13 27.4 17.84)
- LCH
- lch(80.13 32.7 33.1)
- CMYK
- cmyk(0% 30% 35% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFBBB0
- FFC2B8
- FFCAC1
- FFD2CA
- FFD9D3
- FFE1DB
- FFE8E4
- FFF0ED
- FFF7F6
Sắc đậm
- DE9B91
- BE847B
- 9E6E66
- 805852
- 63433E
- 482F2C
- 2E1D1A
- 160C0A
- 030101
Sắc xám
- F2AEA3
- E5A99F
- D8A49B
- CC9F98
- BF9A94
- B29590
- A6908C
- 998A88
- 8D8584
Hòa sắc
Bổ túc +180°
- FFB3A7
Washed-Out Crimson
- 7DDAE9
≈ Medium Sky Blue
Tương đồng -30° +30°
- FFB3A7
Washed-Out Crimson
- FBB1C8
≈ Caregiver Pink
- F6BB8D
≈ Brandy Butter
Bộ ba +120° +240°
- FFB3A7
Washed-Out Crimson
- 9FDAA9
≈ Green Trance
- B3C8FF
≈ Night Snow
Bổ túc chia +150° +210°
- FFB3A7
Washed-Out Crimson
- 83DDCA
≈ Opulent Turquoise
- 91D2FE
≈ Long Island Sound
Bộ bốn +90° +180° +270°
- FFB3A7
Washed-Out Crimson
- C2D28E
≈ Spring Has Sprung
- 7DDAE9
≈ Medium Sky Blue
- D1BCFD
≈ Lavender Tonic
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.71:1 · APCA Lc 31
Ag
AAATrên nền đen
WCAG 12.25:1 · APCA Lc 72
Màu chữ tốt nhất: #000000
WCAG 12.25:1 (AAA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--washed-out-crimson: #ffb3a7;
--washed-out-crimson-rgb: 255 179 167;
--washed-out-crimson-oklch: oklch(0.836 0.091 29.1);
}
.element {
color: var(--washed-out-crimson);
background-color: hsl(8 100% 83%);
border-color: oklch(0.836 0.091 29.1);
}Tailwind CSS v4
@theme {
--color-washed-out-crimson: #ffb3a7;
--color-washed-out-crimson-50: #ffece5;
--color-washed-out-crimson-100: #ffddd6;
--color-washed-out-crimson-200: #f9c7bd;
--color-washed-out-crimson-300: #e2a79b;
--color-washed-out-crimson-400: #cf8a7f;
--color-washed-out-crimson-500: #bb6e63;
--color-washed-out-crimson-600: #9e5d54;
--color-washed-out-crimson-700: #7f4a43;
--color-washed-out-crimson-800: #5e3631;
--color-washed-out-crimson-900: #422521;
--color-washed-out-crimson-950: #2a1311;
}SCSS
$washed-out-crimson: #ffb3a7;
$washed-out-crimson-rgb: 255, 179, 167;
$washed-out-crimson-light: mix(#fff, $washed-out-crimson, 20%);
$washed-out-crimson-dark: mix(#000, $washed-out-crimson, 20%);
.element {
color: $washed-out-crimson;
box-shadow: 0 0 0 2px rgba($washed-out-crimson, 0.35);
}