Màu có tên · #FFFED9
Sun City
Sun City là #FFFED9: rgb(255 254 217), hsl(58 100% 93%), oklch(0.988 0.048 106). 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 Yellow mean? → · Sun City color name →
#FFFED9
oklch(0.988 0.048 106)
Chuyển đổi màu
- HEX
- #fffed9
- RGB
- rgb(255 254 217)
- HSL
- hsl(58 100% 93%)
- HWB
- hwb(58 85% 0%)
- OKLCH
- oklch(0.988 0.048 106)
- OKLab
- oklab(0.988 -0.013 0.046)
- CIE Lab
- lab(99.03 -4.11 17.91)
- LCH
- lch(99.03 18.38 102.9)
- CMYK
- cmyk(0% 0% 15% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFFEDD
- FFFEE1
- FFFEE5
- FFFEE8
- FFFFEC
- FFFFF0
- FFFFF4
- FFFFF8
- FFFFFB
Sắc đậm
- DEDDBC
- BEBDA1
- 9E9E86
- 80806C
- 636353
- 48473B
- 2E2D25
- 161611
- 030302
Sắc xám
- F2F1D0
- E4E4C7
- D7D7BE
- CACAB5
- BDBDAC
- B1B1A3
- A4A49A
- 989891
- 8C8C89
Hòa sắc
Bổ túc +180°
- FFFED9
Sun City
- FBFBFF
≈ Wash Me
Tương đồng -30° +30°
- FFFED9
Sun City
- FFFBF4
≈ Floral White
- F5FFF0
≈ Azure Mist
Bộ ba +120° +240°
- FFFED9
Sun City
- F6FCFF
≈ Heart of Ice
- FFF9FC
≈ Snowman
Bổ túc chia +150° +210°
- FFFED9
Sun City
- F9FBFF
≈ Wash Me
- FDFAFF
≈ Snowman
Bộ bốn +90° +180° +270°
- FFFED9
Sun City
- EFFFFF
≈ Aphrodite’s Pearls
- FBFBFF
≈ Wash Me
- FFFAFA
≈ Snow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.02:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 20.43:1 · APCA Lc 106
Màu chữ tốt nhất: #000000
WCAG 20.43:1 (AAA) · APCA Lc 106
Contrast pairs
Đoạn mã
CSS
:root {
--sun-city: #fffed9;
--sun-city-rgb: 255 254 217;
--sun-city-oklch: oklch(0.988 0.048 106);
}
.element {
color: var(--sun-city);
background-color: hsl(58 100% 93%);
border-color: oklch(0.988 0.048 106);
}Tailwind CSS v4
@theme {
--color-sun-city: #fffed9;
--color-sun-city-50: #f6f6e7;
--color-sun-city-100: #e9e9d7;
--color-sun-city-200: #d6d6bf;
--color-sun-city-300: #b9ba9e;
--color-sun-city-400: #a2a180;
--color-sun-city-500: #8a8963;
--color-sun-city-600: #757455;
--color-sun-city-700: #5d5c43;
--color-sun-city-800: #454330;
--color-sun-city-900: #302f21;
--color-sun-city-950: #1c1b10;
}SCSS
$sun-city: #fffed9;
$sun-city-rgb: 255, 254, 217;
$sun-city-light: mix(#fff, $sun-city, 20%);
$sun-city-dark: mix(#000, $sun-city, 20%);
.element {
color: $sun-city;
box-shadow: 0 0 0 2px rgba($sun-city, 0.35);
}