Màu có tên · #F7A58B
Lugganath Orange
Lugganath Orange là #F7A58B: rgb(247 165 139), hsl(14 87% 76%), oklch(0.796 0.104 38.3). 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? → · Lugganath Orange color name →
#F7A58B
oklch(0.796 0.104 38.3)
Chuyển đổi màu
- HEX
- #f7a58b
- RGB
- rgb(247 165 139)
- HSL
- hsl(14 87% 76%)
- HWB
- hwb(14 55% 3%)
- OKLCH
- oklch(0.796 0.104 38.3)
- OKLab
- oklab(0.796 0.082 0.065)
- CIE Lab
- lab(75.6 29.05 26.55)
- LCH
- lch(75.6 39.36 42.4)
- CMYK
- cmyk(0% 33% 44% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F9AE97
- FAB7A2
- FBC0AE
- FDC9B9
- FDD2C5
- FEDBD0
- FFE4DC
- FFEDE8
- FFF6F3
Sắc đậm
- D78F78
- B77966
- 996554
- 7C5143
- 603D32
- 452B23
- 2C1A14
- 150A07
- 030101
Sắc xám
- EBA28A
- DF9E89
- D39B89
- C79788
- BB9386
- B08F85
- A48C84
- 988883
- 8C8481
Hòa sắc
Bổ túc +180°
- F7A58B
Lugganath Orange
- 64CDE9
≈ Hawaiian Breeze
Tương đồng -30° +30°
- F7A58B
Lugganath Orange
- F7A0AF
≈ Ballet Slippers
- E9B071
≈ Evening Sunset
Bộ ba +120° +240°
- F7A58B
Lugganath Orange
- 7FD1A3
≈ Crystal Gem
- ADB6FF
≈ Greyish Lavender
Bổ túc chia +150° +210°
- F7A58B
Lugganath Orange
- 60D2C9
≈ Hidden Sea Glass
- 86C2FD
≈ Maya Blue
Bộ bốn +90° +180° +270°
- F7A58B
Lugganath Orange
- A9CA80
≈ Wonder Woods
- 64CDE9
≈ Hawaiian Breeze
- CFAAF0
≈ Teasel Dipsacus
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.96:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.70:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--lugganath-orange: #f7a58b;
--lugganath-orange-rgb: 247 165 139;
--lugganath-orange-oklch: oklch(0.796 0.104 38.3);
}
.element {
color: var(--lugganath-orange);
background-color: hsl(14 87% 76%);
border-color: oklch(0.796 0.104 38.3);
}Tailwind CSS v4
@theme {
--color-lugganath-orange: #f7a58b;
--color-lugganath-orange-50: #ffecdf;
--color-lugganath-orange-100: #ffddce;
--color-lugganath-orange-200: #fcc6b3;
--color-lugganath-orange-300: #e6a68f;
--color-lugganath-orange-400: #d48871;
--color-lugganath-orange-500: #c06c51;
--color-lugganath-orange-600: #a25c45;
--color-lugganath-orange-700: #824937;
--color-lugganath-orange-800: #613428;
--color-lugganath-orange-900: #44241b;
--color-lugganath-orange-950: #2c120b;
}SCSS
$lugganath-orange: #f7a58b;
$lugganath-orange-rgb: 247, 165, 139;
$lugganath-orange-light: mix(#fff, $lugganath-orange, 20%);
$lugganath-orange-dark: mix(#000, $lugganath-orange, 20%);
.element {
color: $lugganath-orange;
box-shadow: 0 0 0 2px rgba($lugganath-orange, 0.35);
}