Color con nombre · #7F997D
Dinosaur
Dinosaur es #7F997D: rgb(127 153 125), hsl(116 12% 55%), oklch(0.655 0.05 143.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Dinosaur color name →
#7F997D
oklch(0.655 0.05 143.1)
Conversiones de color
- HEX
- #7f997d
- RGB
- rgb(127 153 125)
- HSL
- hsl(116 12% 55%)
- HWB
- hwb(116 49% 40%)
- OKLCH
- oklch(0.655 0.05 143.1)
- OKLab
- oklab(0.655 -0.04 0.03)
- CIE Lab
- lab(60.61 -13.7 11.61)
- LCH
- lch(60.61 17.96 139.7)
- CMYK
- cmyk(17% 0% 18% 40%)
Tintes · Sombras · Tonos
Tintes
- 8BA389
- 98AD96
- A4B7A2
- B1C1AF
- BDCBBC
- CAD5C9
- D7E0D7
- E4EAE4
- F2F4F1
Sombras
- 6E846C
- 5D705B
- 4C5D4B
- 3C4A3B
- 2D382C
- 1F271E
- 111711
- 060805
- 010101
Tonos
- 7F977D
- 7F947E
- 80927E
- 808F7E
- 808D7F
- 808A7F
- 80887F
- 808580
- 808380
Armonías de color
Complementario +180°
- 7F997D
Dinosaur
- A087A3
≈ Wonder Violet
Análogo -30° +30°
- 7F997D
Dinosaur
- 909471
≈ Dry Hemlock
- 719B8E
≈ Silent Sage
Triádico +120° +240°
- 7F997D
Dinosaur
- 8191B0
≈ Papilio Argeotus
- AE8582
≈ Rose Dawn
Complementario dividido +150° +210°
- 7F997D
Dinosaur
- 918BAD
≈ Larkspur Violet
- AA8493
≈ Mohair Pink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.10:1 · APCA Lc 58
Ag
AASobre negro
WCAG 6.75:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--dinosaur: #7f997d;
--dinosaur-rgb: 127 153 125;
--dinosaur-oklch: oklch(0.655 0.05 143.1);
}
.element {
color: var(--dinosaur);
background-color: hsl(116 12% 55%);
border-color: oklch(0.655 0.05 143.1);
}Tailwind CSS v4
@theme {
--color-dinosaur: #7f997d;
--color-dinosaur-50: #edf9ed;
--color-dinosaur-100: #deedde;
--color-dinosaur-200: #c8dac7;
--color-dinosaur-300: #a8bfa8;
--color-dinosaur-400: #8da78c;
--color-dinosaur-500: #738f71;
--color-dinosaur-600: #617960;
--color-dinosaur-700: #4e614c;
--color-dinosaur-800: #394737;
--color-dinosaur-900: #273125;
--color-dinosaur-950: #151d14;
}SCSS
$dinosaur: #7f997d;
$dinosaur-rgb: 127, 153, 125;
$dinosaur-light: mix(#fff, $dinosaur, 20%);
$dinosaur-dark: mix(#000, $dinosaur, 20%);
.element {
color: $dinosaur;
box-shadow: 0 0 0 2px rgba($dinosaur, 0.35);
}