Couleur nommée la plus proche · #166D99
#166D99
Couleur nommée la plus proche: Hydra
#166D99 (rgb(22 109 153), hsl(200 75% 34%), oklch(0.508 0.104 237.3)) est la plus proche de la couleur nommée Hydra. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#166D99
oklch(0.508 0.104 237.3)
Conversions de couleur
- HEX
- #166d99
- RGB
- rgb(22 109 153)
- HSL
- hsl(200 75% 34%)
- HWB
- hwb(200 9% 40%)
- OKLCH
- oklch(0.508 0.104 237.3)
- OKLab
- oklab(0.508 -0.056 -0.087)
- CIE Lab
- lab(42.87 -12.77 -31.46)
- LCH
- lch(42.87 33.95 247.9)
- CMYK
- cmyk(86% 29% 0% 40%)
Teintes · Ombres · Tons
Teintes
- 367BA3
- 4E89AE
- 6598B8
- 7BA6C2
- 91B5CC
- A7C3D7
- BCD2E1
- D2E1EB
- E9F0F5
Ombres
- 125E84
- 0D4F70
- 09415D
- 06334A
- 032638
- 021927
- 010D17
- 000408
- 000101
Tons
- 296F97
- 367195
- 427492
- 4C7690
- 56788E
- 5F798B
- 677B88
- 707D86
- 787E83
Harmonies de couleurs
Complémentaire +180°
- 166D99
Hydra
- 915421
≈ Caramel Café
Analogue -30° +30°
- 166D99
Hydra
- 00737F
≈ Deep Current
- 4B62A1
≈ Starstruck
Triadique +120° +240°
- 166D99
Hydra
- 934A66
≈ Glitterati
- 616D1C
≈ Fiji Green
Complémentaire divisée +150° +210°
- 166D99
Hydra
- 984C44
≈ Rembrandt Ruby
- 7F6101
≈ Ground Earth
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.70:1 · APCA Lc 78
Ag
FailSur noir
WCAG 3.68:1 · APCA Lc 24
Meilleure couleur de texte: #FFFFFF
WCAG 5.70:1 (AA) · APCA Lc 78
Contrast pairs
Extraits de code
CSS
:root {
--hydra: #166d99;
--hydra-rgb: 22 109 153;
--hydra-oklch: oklch(0.508 0.104 237.3);
}
.element {
color: var(--hydra);
background-color: hsl(200 75% 34%);
border-color: oklch(0.508 0.104 237.3);
}Tailwind CSS v4
@theme {
--color-hydra: #166d99;
--color-hydra-50: #dbfaff;
--color-hydra-100: #c9eeff;
--color-hydra-200: #acdbfc;
--color-hydra-300: #85bfe7;
--color-hydra-400: #5ea7d4;
--color-hydra-500: #348fc2;
--color-hydra-600: #2e79a4;
--color-hydra-700: #256183;
--color-hydra-800: #164861;
--color-hydra-900: #0f3244;
--color-hydra-950: #021d2c;
}SCSS
$hydra: #166d99;
$hydra-rgb: 22, 109, 153;
$hydra-light: mix(#fff, $hydra, 20%);
$hydra-dark: mix(#000, $hydra, 20%);
.element {
color: $hydra;
box-shadow: 0 0 0 2px rgba($hydra, 0.35);
}