Màu có tên · #FFDC9E
South Shore Sun
South Shore Sun là #FFDC9E: rgb(255 220 158), hsl(38 100% 81%), oklch(0.91 0.088 81.5). 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 Orange mean? → · South Shore Sun color name →
#FFDC9E
oklch(0.91 0.088 81.5)
Chuyển đổi màu
- HEX
- #ffdc9e
- RGB
- rgb(255 220 158)
- HSL
- hsl(38 100% 81%)
- HWB
- hwb(38 62% 0%)
- OKLCH
- oklch(0.91 0.088 81.5)
- OKLab
- oklab(0.91 0.013 0.087)
- CIE Lab
- lab(89.69 6.44 35.23)
- LCH
- lch(89.69 35.81 79.6)
- CMYK
- cmyk(0% 14% 38% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFE0A8
- FFE3B2
- FFE7BC
- FFEAC6
- FFEED0
- FFF1D9
- FFF5E3
- FFF8EC
- FFFCF6
Sắc đậm
- DEBF89
- BEA374
- 9E8860
- 806E4D
- 63543A
- 483C29
- 2E2618
- 161109
- 030201
Sắc xám
- F2D39C
- E4C999
- D7C096
- CBB693
- BEAD90
- B1A48D
- A59B8A
- 989287
- 8C8984
Hòa sắc
Bổ túc +180°
- FFDC9E
South Shore Sun
- D1E2FF
≈ Arc Light
Tương đồng -30° +30°
- FFDC9E
South Shore Sun
- FFD8C2
≈ Friendship
- E3E8A3
≈ Hip Hop
Bộ ba +120° +240°
- FFDC9E
South Shore Sun
- 98F3FA
≈ Permafrost
- F9D2FF
≈ Pink Diamond
Bổ túc chia +150° +210°
- FFDC9E
South Shore Sun
- BEE8FF
≈ Blue Java Banana
- E1DCFF
≈ Transparent Blue
Bộ bốn +90° +180° +270°
- FFDC9E
South Shore Sun
- A4F5DA
≈ Mintie
- D1E2FF
≈ Arc Light
- FFD3E5
≈ Poplar Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.31:1 · APCA Lc 15
Ag
AAATrên nền đen
WCAG 15.98:1 · APCA Lc 88
Màu chữ tốt nhất: #000000
WCAG 15.98:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--south-shore-sun: #ffdc9e;
--south-shore-sun-rgb: 255 220 158;
--south-shore-sun-oklch: oklch(0.91 0.088 81.5);
}
.element {
color: var(--south-shore-sun);
background-color: hsl(38 100% 81%);
border-color: oklch(0.91 0.088 81.5);
}Tailwind CSS v4
@theme {
--color-south-shore-sun: #ffdc9e;
--color-south-shore-sun-50: #fff4d9;
--color-south-shore-sun-100: #f6e6c7;
--color-south-shore-sun-200: #e6d2aa;
--color-south-shore-sun-300: #cdb484;
--color-south-shore-sun-400: #b99961;
--color-south-shore-sun-500: #a4803c;
--color-south-shore-sun-600: #8a6c34;
--color-south-shore-sun-700: #6f5729;
--color-south-shore-sun-800: #523f1c;
--color-south-shore-sun-900: #392b12;
--color-south-shore-sun-950: #241805;
}SCSS
$south-shore-sun: #ffdc9e;
$south-shore-sun-rgb: 255, 220, 158;
$south-shore-sun-light: mix(#fff, $south-shore-sun, 20%);
$south-shore-sun-dark: mix(#000, $south-shore-sun, 20%);
.element {
color: $south-shore-sun;
box-shadow: 0 0 0 2px rgba($south-shore-sun, 0.35);
}