Color con nombre más cercano · #915C00
#915C00
Color con nombre más cercano: Embarrassed Frog
#915C00 (rgb(145 92 0), hsl(38 100% 28%), oklch(0.521 0.112 70.8)) se parece más al color con nombre Embarrassed Frog. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#915C00
oklch(0.521 0.112 70.8)
Conversiones de color
- HEX
- #915c00
- RGB
- rgb(145 92 0)
- HSL
- hsl(38 100% 28%)
- HWB
- hwb(38 0% 43%)
- OKLCH
- oklch(0.521 0.112 70.8)
- OKLab
- oklab(0.521 0.037 0.106)
- CIE Lab
- lab(44.19 17.96 51.98)
- LCH
- lch(44.19 55 70.9)
- CMYK
- cmyk(0% 37% 100% 43%)
Tintes · Sombras · Tonos
Tintes
- 9C6C2B
- A77C45
- B28C5D
- BD9C74
- C8AC8B
- D3BCA2
- DECDB9
- E9DDD0
- F4EEE7
Sombras
- 7D4F00
- 6A4200
- 583600
- 462A00
- 351F00
- 251400
- 150A00
- 070300
- 010000
Tonos
- 90601D
- 8E642D
- 8D683A
- 8B6C45
- 8A6F50
- 88735A
- 867664
- 847A6D
- 827D77
Armonías de color
Complementario +180°
- 915C00
Embarrassed Frog
- 316CA7
≈ In the Nick
Análogo -30° +30°
- 915C00
Embarrassed Frog
- 9E5033
≈ Taisha Red
- 776A00
≈ Arousing Alligator
Triádico +120° +240°
- 915C00
Embarrassed Frog
- 007975
≈ Hydra Turquoise
- 7E5598
≈ Royal Lilac
Complementario dividido +150° +210°
- 915C00
Embarrassed Frog
- 007590
≈ Cleopatra
- 5E60A8
≈ Blue Iris
Tetrádico +90° +180° +270°
- 915C00
Embarrassed Frog
- 0F7C53
≈ Sharp Green
- 316CA7
≈ In the Nick
- 934D7C
≈ Verve Violet
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.62:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.73:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--embarrassed-frog: #915c00;
--embarrassed-frog-rgb: 145 92 0;
--embarrassed-frog-oklch: oklch(0.521 0.112 70.8);
}
.element {
color: var(--embarrassed-frog);
background-color: hsl(38 100% 28%);
border-color: oklch(0.521 0.112 70.8);
}Tailwind CSS v4
@theme {
--color-embarrassed-frog: #915c00;
--color-embarrassed-frog-50: #fff1d3;
--color-embarrassed-frog-100: #ffe3bf;
--color-embarrassed-frog-200: #f2cd9f;
--color-embarrassed-frog-300: #dbaf76;
--color-embarrassed-frog-400: #c8934f;
--color-embarrassed-frog-500: #b4781e;
--color-embarrassed-frog-600: #98651d;
--color-embarrassed-frog-700: #7a5117;
--color-embarrassed-frog-800: #5b3a0f;
--color-embarrassed-frog-900: #402809;
--color-embarrassed-frog-950: #291600;
}SCSS
$embarrassed-frog: #915c00;
$embarrassed-frog-rgb: 145, 92, 0;
$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);
}