Couleur nommée la plus proche · #956101
#956101
Couleur nommée la plus proche: Embarrassed Frog
#956101 (rgb(149 97 1), hsl(39 99% 29%), oklch(0.536 0.114 72.7)) est la plus proche de la couleur nommée Embarrassed Frog. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#956101
oklch(0.536 0.114 72.7)
Conversions de couleur
- HEX
- #956101
- RGB
- rgb(149 97 1)
- HSL
- hsl(39 99% 29%)
- HWB
- hwb(39 0% 42%)
- OKLCH
- oklch(0.536 0.114 72.7)
- OKLab
- oklab(0.536 0.034 0.109)
- CIE Lab
- lab(45.99 17.05 53.13)
- LCH
- lch(45.99 55.8 72.2)
- CMYK
- cmyk(0% 35% 99% 42%)
Teintes · Ombres · Tons
Teintes
- A0702C
- AB8047
- B58F5E
- C09F75
- CAAE8C
- D5BEA3
- DFCEB9
- EADED0
- F5EFE8
Ombres
- 815301
- 6D4601
- 5A3900
- 482D00
- 372100
- 261500
- 160B00
- 080300
- 010000
Tons
- 93651E
- 92682E
- 906B3B
- 8E6F47
- 8C7251
- 8A755B
- 877865
- 857B6E
- 837D77
Harmonies de couleurs
Complémentaire +180°
- 956101
Embarrassed Frog
- 3870AE
≈ Nocturne Shade
Analogue -30° +30°
- 956101
Embarrassed Frog
- A35433
≈ Alfajor Brown
- 7A6F00
≈ Sunlit Kelp Green
Triadique +120° +240°
- 956101
Embarrassed Frog
- 007E7C
≈ Parasailing
- 84589C
≈ Sonic Plum
Complémentaire divisée +150° +210°
- 956101
Embarrassed Frog
- 007997
≈ Celestial
- 6563AD
≈ Blue Iris
Tétradique +90° +180° +270°
- 956101
Embarrassed Frog
- 09815A
≈ Irish Beauty
- 3870AE
≈ Nocturne Shade
- 9A507F
≈ Plum Passion
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.26:1 · APCA Lc 76
Ag
FailSur noir
WCAG 3.98:1 · APCA Lc 26
Meilleure couleur de texte: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--embarrassed-frog: #956101;
--embarrassed-frog-rgb: 149 97 1;
--embarrassed-frog-oklch: oklch(0.536 0.114 72.7);
}
.element {
color: var(--embarrassed-frog);
background-color: hsl(39 99% 29%);
border-color: oklch(0.536 0.114 72.7);
}Tailwind CSS v4
@theme {
--color-embarrassed-frog: #956101;
--color-embarrassed-frog-50: #fff1d2;
--color-embarrassed-frog-100: #ffe3be;
--color-embarrassed-frog-200: #f2ce9e;
--color-embarrassed-frog-300: #daaf74;
--color-embarrassed-frog-400: #c7934c;
--color-embarrassed-frog-500: #b37817;
--color-embarrassed-frog-600: #986618;
--color-embarrassed-frog-700: #7a5114;
--color-embarrassed-frog-800: #5b3b0c;
--color-embarrassed-frog-900: #402808;
--color-embarrassed-frog-950: #281600;
}SCSS
$embarrassed-frog: #956101;
$embarrassed-frog-rgb: 149, 97, 1;
$embarrassed-frog-light: mix(#fff, $embarrassed-frog, 20%);
$embarrassed-frog-dark: mix(#000, $embarrassed-frog, 20%);
.element {
color: $embarrassed-frog;
box-shadow: 0 0 0 2px rgba($embarrassed-frog, 0.35);
}