Màu có tên gần nhất · #F9394D
#F9394D
Màu có tên gần nhất: Cherry Paddle Pop
#F9394D (rgb(249 57 77), hsl(354 94% 60%), oklch(0.646 0.225 21.2)) gần nhất với màu có tên Cherry Paddle Pop. 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.
#F9394D
oklch(0.646 0.225 21.2)
Chuyển đổi màu
- HEX
- #f9394d
- RGB
- rgb(249 57 77)
- HSL
- hsl(354 94% 60%)
- HWB
- hwb(354 22% 2%)
- OKLCH
- oklch(0.646 0.225 21.2)
- OKLab
- oklab(0.646 0.21 0.082)
- CIE Lab
- lab(56.55 72.08 37.13)
- LCH
- lch(56.55 81.08 27.3)
- CMYK
- cmyk(0% 77% 69% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FD565F
- FF6D71
- FF8182
- FF9593
- FFA7A5
- FFB9B7
- FFCBC9
- FFDCDB
- FFEEED
Sắc đậm
- D93042
- B92837
- 9A1F2C
- 7D1722
- 611018
- 46090F
- 2C0407
- 150102
- 030000
Sắc xám
- EE4753
- E35259
- D85B5F
- CD6364
- C26969
- B66F6E
- A97472
- 9C7977
- 8F7D7C
Hòa sắc
Bổ túc +180°
- F9394D
Cherry Paddle Pop
- 00A1AA
≈ Ducati
Tương đồng -30° +30°
- F9394D
Cherry Paddle Pop
- EB3D9E
≈ Pink Bite
- DB6900
≈ Apple II Chocolate
Bộ ba +120° +240°
- F9394D
Cherry Paddle Pop
- 23AB00
≈ Vegetarian
- 4788FF
≈ Bleuchâtel Blue
Bổ túc chia +150° +210°
- F9394D
Cherry Paddle Pop
- 00A684
≈ Congo Green
- 009BCF
≈ Structural Blue
Bộ bốn +90° +180° +270°
- F9394D
Cherry Paddle Pop
- 929500
≈ Turtle Moss
- 00A1AA
≈ Ducati
- 936EFF
≈ Blackthorn Berry
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.67:1 · APCA Lc 63
Ag
AATrên nền đen
WCAG 5.72:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.72:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
CSS
:root {
--cherry-paddle-pop: #f9394d;
--cherry-paddle-pop-rgb: 249 57 77;
--cherry-paddle-pop-oklch: oklch(0.646 0.225 21.2);
}
.element {
color: var(--cherry-paddle-pop);
background-color: hsl(354 94% 60%);
border-color: oklch(0.646 0.225 21.2);
}Tailwind CSS v4
@theme {
--color-cherry-paddle-pop: #f9394d;
--color-cherry-paddle-pop-50: #ffdcd7;
--color-cherry-paddle-pop-100: #ffcac4;
--color-cherry-paddle-pop-200: #ffaca6;
--color-cherry-paddle-pop-300: #ff827f;
--color-cherry-paddle-pop-400: #ff5661;
--color-cherry-paddle-pop-500: #f8063d;
--color-cherry-paddle-pop-600: #d11335;
--color-cherry-paddle-pop-700: #a9112a;
--color-cherry-paddle-pop-800: #7e0820;
--color-cherry-paddle-pop-900: #590715;
--color-cherry-paddle-pop-950: #3c0007;
}SCSS
$cherry-paddle-pop: #f9394d;
$cherry-paddle-pop-rgb: 249, 57, 77;
$cherry-paddle-pop-light: mix(#fff, $cherry-paddle-pop, 20%);
$cherry-paddle-pop-dark: mix(#000, $cherry-paddle-pop, 20%);
.element {
color: $cherry-paddle-pop;
box-shadow: 0 0 0 2px rgba($cherry-paddle-pop, 0.35);
}