Couleur nommée la plus proche · #006861
#006861
Couleur nommée la plus proche: Peacock Pride
#006861 (rgb(0 104 97), hsl(176 100% 20%), oklch(0.466 0.081 186.8)) est la plus proche de la couleur nommée Peacock Pride. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#006861
oklch(0.466 0.081 186.8)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 2C766F
- 47857E
- 5F938D
- 76A29D
- 8CB1AD
- A3C1BD
- BAD0CD
- D0DFDD
- E8EFEE
Ombres
- 005953
- 004B46
- 003E39
- 00302D
- 002421
- 001815
- 000C0B
- 000403
- 000000
Tons
- 1E6B64
- 2E6D67
- 3B706A
- 47726D
- 517570
- 5B7773
- 657977
- 6E7C7A
- 777E7D
Harmonies de couleurs
Complémentaire +180°
- 006861
Peacock Pride
- 804552
≈ Dark Strawberry
Analogue -30° +30°
- 006861
Peacock Pride
- 2D6747
≈ Thousand Years Green
- 066477
≈ Atlantis Myth
Triadique +120° +240°
- 006861
Peacock Pride
- 654D7D
≈ Imperial Palace
- 785022
≈ Trojan Horse Brown
Complémentaire divisée +150° +210°
- 006861
Peacock Pride
- 76476A
≈ Old Fashioned Purple
- 804838
≈ Nutmeg
Tétradique +90° +180° +270°
- 006861
Peacock Pride
- 4E5587
≈ Baby Whale
- 804552
≈ Dark Strawberry
- 67591C
≈ Bean Green
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.66:1 · APCA Lc 82
Ag
FailSur noir
WCAG 3.15:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.66:1 (AA) · APCA Lc 82
Contrast pairs
Extraits de code
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);
}