Couleur nommée · #FFDC9E
South Shore Sun
South Shore Sun correspond à #FFDC9E : rgb(255 220 158), hsl(38 100% 81%), oklch(0.91 0.088 81.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · South Shore Sun color name →
#FFDC9E
oklch(0.91 0.088 81.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- FFE0A8
- FFE3B2
- FFE7BC
- FFEAC6
- FFEED0
- FFF1D9
- FFF5E3
- FFF8EC
- FFFCF6
Ombres
- DEBF89
- BEA374
- 9E8860
- 806E4D
- 63543A
- 483C29
- 2E2618
- 161109
- 030201
Tons
- F2D39C
- E4C999
- D7C096
- CBB693
- BEAD90
- B1A48D
- A59B8A
- 989287
- 8C8984
Harmonies de couleurs
Complémentaire +180°
- FFDC9E
South Shore Sun
- D1E2FF
≈ Arc Light
Analogue -30° +30°
- FFDC9E
South Shore Sun
- FFD8C2
≈ Friendship
- E3E8A3
≈ Hip Hop
Triadique +120° +240°
- FFDC9E
South Shore Sun
- 98F3FA
≈ Permafrost
- F9D2FF
≈ Pink Diamond
Complémentaire divisée +150° +210°
- FFDC9E
South Shore Sun
- BEE8FF
≈ Blue Java Banana
- E1DCFF
≈ Transparent Blue
Tétradique +90° +180° +270°
- FFDC9E
South Shore Sun
- A4F5DA
≈ Mintie
- D1E2FF
≈ Arc Light
- FFD3E5
≈ Poplar Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.31:1 · APCA Lc 15
Ag
AAASur noir
WCAG 15.98:1 · APCA Lc 88
Meilleure couleur de texte: #000000
WCAG 15.98:1 (AAA) · APCA Lc 88
Contrast pairs
Extraits de code
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);
}