Couleur nommée la plus proche · #38AC9C
#38AC9C
Couleur nommée la plus proche: Waterfall
#38AC9C (rgb(56 172 156), hsl(172 51% 45%), oklch(0.676 0.105 182.1)) est la plus proche de la couleur nommée Waterfall. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#38AC9C
oklch(0.676 0.105 182.1)
Conversions de couleur
- HEX
- #38ac9c
- RGB
- rgb(56 172 156)
- HSL
- hsl(172 51% 45%)
- HWB
- hwb(172 22% 33%)
- OKLCH
- oklch(0.676 0.105 182.1)
- OKLab
- oklab(0.676 -0.105 -0.004)
- CIE Lab
- lab(63.73 -36.44 -1.71)
- LCH
- lch(63.73 36.48 182.7)
- CMYK
- cmyk(67% 0% 9% 33%)
Teintes · Ombres · Tons
Teintes
- 53B4A5
- 6ABDAF
- 7FC5B9
- 92CDC3
- A5D6CC
- B7DED6
- C9E6E0
- DBEEEA
- EDF7F5
Ombres
- 2F9587
- 277F73
- 1F695F
- 17544C
- 0F4039
- 082D28
- 041B18
- 010B09
- 000101
Tons
- 46A899
- 50A396
- 599F93
- 619B91
- 67968E
- 6D928B
- 738E88
- 788986
- 7C8583
Harmonies de couleurs
Complémentaire +180°
- 38AC9C
Waterfall
- CC7B92
≈ Wild Rose
Analogue -30° +30°
- 38AC9C
Waterfall
- 62AA77
≈ Green Tea Candy
- 32A8BD
≈ Explore Blue
Triadique +120° +240°
- 38AC9C
Waterfall
- A387CD
≈ Lilac Purple
- C5884F
≈ Tassel
Complémentaire divisée +150° +210°
- 38AC9C
Waterfall
- BD7FB4
≈ Colombo Red Mauve
- CF7E6E
≈ Tawny Orange
Tétradique +90° +180° +270°
- 38AC9C
Waterfall
- 8193D8
≈ Mystic Iris
- CC7B92
≈ Wild Rose
- AE9544
≈ Semi Opal
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.78:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.54:1 · APCA Lc 49
Meilleure couleur de texte: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
Extraits de code
CSS
:root {
--waterfall: #38ac9c;
--waterfall-rgb: 56 172 156;
--waterfall-oklch: oklch(0.676 0.105 182.1);
}
.element {
color: var(--waterfall);
background-color: hsl(172 51% 45%);
border-color: oklch(0.676 0.105 182.1);
}Tailwind CSS v4
@theme {
--color-waterfall: #38ac9c;
--color-waterfall-50: #d5fff8;
--color-waterfall-100: #c2f4ec;
--color-waterfall-200: #a1e3d9;
--color-waterfall-300: #76c9bd;
--color-waterfall-400: #49b3a3;
--color-waterfall-500: #009c8b;
--color-waterfall-600: #008476;
--color-waterfall-700: #016a5e;
--color-waterfall-800: #024e44;
--color-waterfall-900: #03362f;
--color-waterfall-950: #00211b;
}SCSS
$waterfall: #38ac9c;
$waterfall-rgb: 56, 172, 156;
$waterfall-light: mix(#fff, $waterfall, 20%);
$waterfall-dark: mix(#000, $waterfall, 20%);
.element {
color: $waterfall;
box-shadow: 0 0 0 2px rgba($waterfall, 0.35);
}