Color con nombre · #EF985C
Ridgeback
Ridgeback es #EF985C: rgb(239 152 92), hsl(24 82% 65%), oklch(0.756 0.129 54). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Ridgeback color name →
#EF985C
oklch(0.756 0.129 54)
Conversiones de color
- HEX
- #ef985c
- RGB
- rgb(239 152 92)
- HSL
- hsl(24 82% 65%)
- HWB
- hwb(24 36% 6%)
- OKLCH
- oklch(0.756 0.129 54)
- OKLab
- oklab(0.756 0.076 0.105)
- CIE Lab
- lab(71.12 29.53 45.35)
- LCH
- lch(71.12 54.11 56.9)
- CMYK
- cmyk(0% 36% 62% 6%)
Tintes · Sombras · Tonos
Tintes
- F2A36E
- F4AD7F
- F6B88F
- F8C29F
- FACCAF
- FBD6BF
- FDE1CF
- FEEBDF
- FEF5EF
Sombras
- D0844F
- B17042
- 945C36
- 784A2A
- 5C381F
- 422714
- 2A170A
- 140803
- 030100
Tonos
- E49661
- D99466
- CE926B
- C3906E
- B88D72
- AD8B75
- A28878
- 97867B
- 8B837E
Armonías de color
Complementario +180°
- EF985C
Ridgeback
- 4CBDF5
≈ Megaman
Análogo -30° +30°
- EF985C
Ridgeback
- F78D87
≈ Ibis Wing
- D6A842
≈ Sunny Disposition
Triádico +120° +240°
- EF985C
Ridgeback
- 3ACAAA
≈ Disc Jockey
- B59FFA
≈ Shy Moment
Complementario dividido +150° +210°
- EF985C
Ridgeback
- 00C7D5
≈ Turquoise Surf
- 88AEFF
≈ Kitten’s Eye
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.25:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.31:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
CSS
:root {
--ridgeback: #ef985c;
--ridgeback-rgb: 239 152 92;
--ridgeback-oklch: oklch(0.756 0.129 54);
}
.element {
color: var(--ridgeback);
background-color: hsl(24 82% 65%);
border-color: oklch(0.756 0.129 54);
}Tailwind CSS v4
@theme {
--color-ridgeback: #ef985c;
--color-ridgeback-50: #ffecd2;
--color-ridgeback-100: #ffdebf;
--color-ridgeback-200: #ffc79f;
--color-ridgeback-300: #eaa675;
--color-ridgeback-400: #d98850;
--color-ridgeback-500: #c66a20;
--color-ridgeback-600: #a75b1e;
--color-ridgeback-700: #864818;
--color-ridgeback-800: #643311;
--color-ridgeback-900: #47230b;
--color-ridgeback-950: #2e1201;
}SCSS
$ridgeback: #ef985c;
$ridgeback-rgb: 239, 152, 92;
$ridgeback-light: mix(#fff, $ridgeback, 20%);
$ridgeback-dark: mix(#000, $ridgeback, 20%);
.element {
color: $ridgeback;
box-shadow: 0 0 0 2px rgba($ridgeback, 0.35);
}