Color con nombre más cercano · #006861
#006861
Color con nombre más cercano: Peacock Pride
#006861 (rgb(0 104 97), hsl(176 100% 20%), oklch(0.466 0.081 186.8)) se parece más al color con nombre Peacock Pride. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#006861
oklch(0.466 0.081 186.8)
Conversiones de color
- HEX
- #006861
- RGB
- rgb(0 104 97)
- HSL
- hsl(176 100% 20%)
- HWB
- hwb(176 0% 59%)
- OKLCH
- oklch(0.466 0.081 186.8)
- OKLab
- oklab(0.466 -0.081 -0.01)
- CIE Lab
- lab(38.98 -28 -3.78)
- LCH
- lch(38.98 28.25 187.7)
- CMYK
- cmyk(100% 0% 7% 59%)
Tintes · Sombras · Tonos
Tintes
- 2C766F
- 47857E
- 5F938D
- 76A29D
- 8CB1AD
- A3C1BD
- BAD0CD
- D0DFDD
- E8EFEE
Sombras
- 005953
- 004B46
- 003E39
- 00302D
- 002421
- 001815
- 000C0B
- 000403
- 000000
Tonos
- 1E6B64
- 2E6D67
- 3B706A
- 47726D
- 517570
- 5B7773
- 657977
- 6E7C7A
- 777E7D
Armonías de color
Complementario +180°
- 006861
Peacock Pride
- 804552
≈ Dark Strawberry
Análogo -30° +30°
- 006861
Peacock Pride
- 2D6747
≈ Thousand Years Green
- 066477
≈ Atlantis Myth
Triádico +120° +240°
- 006861
Peacock Pride
- 654D7D
≈ Imperial Palace
- 785022
≈ Trojan Horse Brown
Complementario dividido +150° +210°
- 006861
Peacock Pride
- 76476A
≈ Old Fashioned Purple
- 804838
≈ Nutmeg
Tetrádico +90° +180° +270°
- 006861
Peacock Pride
- 4E5587
≈ Baby Whale
- 804552
≈ Dark Strawberry
- 67591C
≈ Bean Green
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.66:1 · APCA Lc 82
Ag
FailSobre negro
WCAG 3.15:1 · APCA Lc 20
Mejor color de texto: #FFFFFF
WCAG 6.66:1 (AA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--peacock-pride: #006861;
--peacock-pride-rgb: 0 104 97;
--peacock-pride-oklch: oklch(0.466 0.081 186.8);
}
.element {
color: var(--peacock-pride);
background-color: hsl(176 100% 20%);
border-color: oklch(0.466 0.081 186.8);
}Tailwind CSS v4
@theme {
--color-peacock-pride: #006861;
--color-peacock-pride-50: #dcfdfa;
--color-peacock-pride-100: #caf1ed;
--color-peacock-pride-200: #ade0db;
--color-peacock-pride-300: #86c5c0;
--color-peacock-pride-400: #62aea6;
--color-peacock-pride-500: #38988f;
--color-peacock-pride-600: #318079;
--color-peacock-pride-700: #276761;
--color-peacock-pride-800: #1b4c46;
--color-peacock-pride-900: #123430;
--color-peacock-pride-950: #04201d;
}SCSS
$peacock-pride: #006861;
$peacock-pride-rgb: 0, 104, 97;
$peacock-pride-light: mix(#fff, $peacock-pride, 20%);
$peacock-pride-dark: mix(#000, $peacock-pride, 20%);
.element {
color: $peacock-pride;
box-shadow: 0 0 0 2px rgba($peacock-pride, 0.35);
}