Màu có tên · #F9A48E
Coral Serenade
Coral Serenade là #F9A48E: rgb(249 164 142), hsl(12 90% 77%), oklch(0.797 0.106 35.2). 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? → · Coral Serenade color name →
#F9A48E
oklch(0.797 0.106 35.2)
Chuyển đổi màu
- HEX
- #f9a48e
- RGB
- rgb(249 164 142)
- HSL
- hsl(12 90% 77%)
- HWB
- hwb(12 56% 2%)
- OKLCH
- oklch(0.797 0.106 35.2)
- OKLab
- oklab(0.797 0.087 0.061)
- CIE Lab
- lab(75.66 30.54 25.07)
- LCH
- lch(75.66 39.52 39.4)
- CMYK
- cmyk(0% 34% 43% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FBAD99
- FCB7A4
- FDC0B0
- FEC9BB
- FFD2C6
- FFDBD1
- FFE4DD
- FFEDE8
- FFF6F4
Sắc đậm
- D98E7B
- B97968
- 9A6456
- 7D5044
- 613D34
- 462B24
- 2C1A15
- 150A07
- 030101
Sắc xám
- EDA18D
- E19D8C
- D59A8A
- C99689
- BC9388
- B08F86
- A48B85
- 988883
- 8C8482
Hòa sắc
Bổ túc +180°
- F9A48E
Coral Serenade
- 60CEE8
≈ Hawaiian Breeze
Tương đồng -30° +30°
- F9A48E
Coral Serenade
- F7A0B3
≈ Petal Power
- ECAF71
≈ Evening Sunset
Bộ ba +120° +240°
- F9A48E
Coral Serenade
- 83D19F
≈ Fennel
- AAB8FF
≈ Greyish Lavender
Bổ túc chia +150° +210°
- F9A48E
Coral Serenade
- 60D3C6
≈ Patina
- 81C4FD
≈ Maya Blue
Bộ bốn +90° +180° +270°
- F9A48E
Coral Serenade
- ADC97C
≈ Sour Face
- 60CEE8
≈ Hawaiian Breeze
- CDABF4
≈ Teasel Dipsacus
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.95:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.72:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--coral-serenade: #f9a48e;
--coral-serenade-rgb: 249 164 142;
--coral-serenade-oklch: oklch(0.797 0.106 35.2);
}
.element {
color: var(--coral-serenade);
background-color: hsl(12 90% 77%);
border-color: oklch(0.797 0.106 35.2);
}Tailwind CSS v4
@theme {
--color-coral-serenade: #f9a48e;
--color-coral-serenade-50: #ffebe0;
--color-coral-serenade-100: #ffdccf;
--color-coral-serenade-200: #fec5b4;
--color-coral-serenade-300: #e8a591;
--color-coral-serenade-400: #d58773;
--color-coral-serenade-500: #c26a54;
--color-coral-serenade-600: #a45a48;
--color-coral-serenade-700: #834839;
--color-coral-serenade-800: #62342a;
--color-coral-serenade-900: #45231c;
--color-coral-serenade-950: #2c120c;
}SCSS
$coral-serenade: #f9a48e;
$coral-serenade-rgb: 249, 164, 142;
$coral-serenade-light: mix(#fff, $coral-serenade, 20%);
$coral-serenade-dark: mix(#000, $coral-serenade, 20%);
.element {
color: $coral-serenade;
box-shadow: 0 0 0 2px rgba($coral-serenade, 0.35);
}