Màu có tên gần nhất · #F3A28D
#F3A28D
Màu có tên gần nhất: No Way Rosé
#F3A28D (rgb(243 162 141), hsl(12 81% 75%), oklch(0.787 0.102 35.2)) gần nhất với màu có tên No Way Rosé. 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.
#F3A28D
oklch(0.787 0.102 35.2)
Chuyển đổi màu
- HEX
- #f3a28d
- RGB
- rgb(243 162 141)
- HSL
- hsl(12 81% 75%)
- HWB
- hwb(12 55% 5%)
- OKLCH
- oklch(0.787 0.102 35.2)
- OKLab
- oklab(0.787 0.083 0.059)
- CIE Lab
- lab(74.48 29.15 23.9)
- LCH
- lch(74.48 37.7 39.4)
- CMYK
- cmyk(0% 33% 42% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F5AB98
- F7B5A4
- F9BEAF
- FAC7BA
- FBD1C5
- FDDAD1
- FDE3DC
- FEEDE8
- FFF6F3
Sắc đậm
- D38C7A
- B47767
- 976355
- 7A4F44
- 5E3C33
- 442A23
- 2B1914
- 140A07
- 030101
Sắc xám
- E79F8C
- DC9C8B
- D0988A
- C59589
- BA9287
- AE8E86
- A38B85
- 978783
- 8C8482
Hòa sắc
Bổ túc +180°
- F3A28D
No Way Rosé
- 62CAE2
≈ Hawaiian Breeze
Tương đồng -30° +30°
- F3A28D
No Way Rosé
- F19EB0
≈ Sweet 60
- E7AC72
≈ Dune King
Bộ ba +120° +240°
- F3A28D
No Way Rosé
- 82CD9D
≈ Garden Glow
- A7B5FB
≈ Wondrous Wisteria
Bổ túc chia +150° +210°
- F3A28D
No Way Rosé
- 63CFC2
≈ Dip in the Pool
- 81C1F7
≈ Maya Blue
Bộ bốn +90° +180° +270°
- F3A28D
No Way Rosé
- AAC57C
≈ Opaline Green
- 62CAE2
≈ Hawaiian Breeze
- C9A9EE
≈ Teasel Dipsacus
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.02:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.36:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--no-way-rose: #f3a28d;
--no-way-rose-rgb: 243 162 141;
--no-way-rose-oklch: oklch(0.787 0.102 35.2);
}
.element {
color: var(--no-way-rose);
background-color: hsl(12 81% 75%);
border-color: oklch(0.787 0.102 35.2);
}Tailwind CSS v4
@theme {
--color-no-way-rose: #f3a28d;
--color-no-way-rose-50: #ffece1;
--color-no-way-rose-100: #ffddd0;
--color-no-way-rose-200: #fcc6b6;
--color-no-way-rose-300: #e6a693;
--color-no-way-rose-400: #d38875;
--color-no-way-rose-500: #bf6c57;
--color-no-way-rose-600: #a25c4a;
--color-no-way-rose-700: #82493b;
--color-no-way-rose-800: #61342b;
--color-no-way-rose-900: #44241d;
--color-no-way-rose-950: #2c120d;
}SCSS
$no-way-rose: #f3a28d;
$no-way-rose-rgb: 243, 162, 141;
$no-way-rose-light: mix(#fff, $no-way-rose, 20%);
$no-way-rose-dark: mix(#000, $no-way-rose, 20%);
.element {
color: $no-way-rose;
box-shadow: 0 0 0 2px rgba($no-way-rose, 0.35);
}