Couleur nommée la plus proche · #4AAB93
#4AAB93
Couleur nommée la plus proche: Hole in One
#4AAB93 (rgb(74 171 147), hsl(165 40% 48%), oklch(0.676 0.099 174.4)) est la plus proche de la couleur nommée Hole in One. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4AAB93
oklch(0.676 0.099 174.4)
Conversions de couleur
- HEX
- #4aab93
- RGB
- rgb(74 171 147)
- HSL
- hsl(165 40% 48%)
- HWB
- hwb(165 29% 33%)
- OKLCH
- oklch(0.676 0.099 174.4)
- OKLab
- oklab(0.676 -0.098 0.01)
- CIE Lab
- lab(63.74 -34.33 3.37)
- LCH
- lch(63.74 34.5 174.4)
- CMYK
- cmyk(57% 0% 14% 33%)
Teintes · Ombres · Tons
Teintes
- 60B39D
- 73BCA8
- 86C4B2
- 98CDBD
- A9D5C8
- BBDDD3
- CCE6DD
- DDEEE9
- EEF7F4
Ombres
- 3F947F
- 357E6C
- 2A6859
- 205447
- 174036
- 0E2D25
- 061B16
- 020B08
- 000101
Tons
- 53A791
- 5AA38F
- 619E8D
- 679A8B
- 6C9689
- 719188
- 758D86
- 798984
- 7D8482
Harmonies de couleurs
Complémentaire +180°
- 4AAB93
Hole in One
- C77D9B
≈ Wild Rose
Analogue -30° +30°
- 4AAB93
Hole in One
- 70A770
≈ Happy Cricket
- 3AA9B3
≈ Tempo
Triadique +120° +240°
- 4AAB93
Hole in One
- 9B8BCE
≈ Petrified Purple
- C6865B
≈ Wheatberry
Complémentaire divisée +150° +210°
- 4AAB93
Hole in One
- B682B9
≈ African Violet
- CD7F79
≈ Coral Garden
Tétradique +90° +180° +270°
- 4AAB93
Hole in One
- 7996D4
≈ Pannikin
- C77D9B
≈ Wild Rose
- B4924B
≈ Venetian Gold
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.78:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.53:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--hole-in-one: #4aab93;
--hole-in-one-rgb: 74 171 147;
--hole-in-one-oklch: oklch(0.676 0.099 174.4);
}
.element {
color: var(--hole-in-one);
background-color: hsl(165 40% 48%);
border-color: oklch(0.676 0.099 174.4);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #4aab93;
--color-hole-in-one-50: #d9fff4;
--color-hole-in-one-100: #c6f3e7;
--color-hole-in-one-200: #a8e3d3;
--color-hole-in-one-300: #7fc8b6;
--color-hole-in-one-400: #58b29a;
--color-hole-in-one-500: #249b82;
--color-hole-in-one-600: #22836e;
--color-hole-in-one-700: #1c6958;
--color-hole-in-one-800: #134d3f;
--color-hole-in-one-900: #0c362b;
--color-hole-in-one-950: #002118;
}SCSS
$hole-in-one: #4aab93;
$hole-in-one-rgb: 74, 171, 147;
$hole-in-one-light: mix(#fff, $hole-in-one, 20%);
$hole-in-one-dark: mix(#000, $hole-in-one, 20%);
.element {
color: $hole-in-one;
box-shadow: 0 0 0 2px rgba($hole-in-one, 0.35);
}