Couleur nommée la plus proche · #FAC49E
#FAC49E
Couleur nommée la plus proche: Shrimp Toast
#FAC49E (rgb(250 196 158), hsl(25 90% 80%), oklch(0.859 0.08 56.6)) est la plus proche de la couleur nommée Shrimp Toast. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FAC49E
oklch(0.859 0.08 56.6)
Conversions de couleur
- HEX
- #fac49e
- RGB
- rgb(250 196 158)
- HSL
- hsl(25 90% 80%)
- HWB
- hwb(25 62% 2%)
- OKLCH
- oklch(0.859 0.08 56.6)
- OKLab
- oklab(0.859 0.044 0.067)
- CIE Lab
- lab(83.4 16.25 26.9)
- LCH
- lch(83.4 31.43 58.9)
- CMYK
- cmyk(0% 22% 37% 2%)
Teintes · Ombres · Tons
Teintes
- FBCAA8
- FCD0B2
- FCD6BB
- FDDCC5
- FEE2CF
- FEE8D8
- FEEDE2
- FFF3EC
- FFF9F5
Ombres
- D9AA89
- BA9174
- 9B7860
- 7D614D
- 614A3A
- 463529
- 2D2118
- 150E09
- 030201
Tons
- EDBD9B
- E1B698
- D4AF96
- C8A993
- BCA290
- B09B8D
- A4948A
- 988D86
- 8C8783
Harmonies de couleurs
Complémentaire +180°
- FAC49E
Shrimp Toast
- 9ED9FF
≈ Shiva Blue
Analogue -30° +30°
- FAC49E
Shrimp Toast
- FFBEB6
≈ Melon Water
- E8CE94
≈ Sunlight
Triadique +120° +240°
- FAC49E
Shrimp Toast
- 97E2CF
≈ Beach Glass
- D5C7FF
≈ Innocent Snowdrop
Complémentaire divisée +150° +210°
- FAC49E
Shrimp Toast
- 90E0EB
≈ Photon Barrier
- BCD0FF
≈ Ice Cold Stare
Tétradique +90° +180° +270°
- FAC49E
Shrimp Toast
- AFE0B2
≈ Celadon
- 9ED9FF
≈ Shiva Blue
- EDBFED
≈ Purple’s Baby Sister
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.56:1 · APCA Lc 26
Ag
AAASur noir
WCAG 13.45:1 · APCA Lc 77
Meilleure couleur de texte: #000000
WCAG 13.45:1 (AAA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--shrimp-toast: #fac49e;
--shrimp-toast-rgb: 250 196 158;
--shrimp-toast-oklch: oklch(0.859 0.08 56.6);
}
.element {
color: var(--shrimp-toast);
background-color: hsl(25 90% 80%);
border-color: oklch(0.859 0.08 56.6);
}Tailwind CSS v4
@theme {
--color-shrimp-toast: #fac49e;
--color-shrimp-toast-50: #fff0df;
--color-shrimp-toast-100: #fde2ce;
--color-shrimp-toast-200: #efcdb3;
--color-shrimp-toast-300: #d7ae8f;
--color-shrimp-toast-400: #c39370;
--color-shrimp-toast-500: #af7850;
--color-shrimp-toast-600: #946644;
--color-shrimp-toast-700: #765136;
--color-shrimp-toast-800: #583b27;
--color-shrimp-toast-900: #3e281a;
--color-shrimp-toast-950: #27160b;
}SCSS
$shrimp-toast: #fac49e;
$shrimp-toast-rgb: 250, 196, 158;
$shrimp-toast-light: mix(#fff, $shrimp-toast, 20%);
$shrimp-toast-dark: mix(#000, $shrimp-toast, 20%);
.element {
color: $shrimp-toast;
box-shadow: 0 0 0 2px rgba($shrimp-toast, 0.35);
}