Couleur nommée la plus proche · #3FAB9D
#3FAB9D
Couleur nommée la plus proche: Waterfall
#3FAB9D (rgb(63 171 157), hsl(172 46% 46%), oklch(0.676 0.1 183.2)) est la plus proche de la couleur nommée Waterfall. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#3FAB9D
oklch(0.676 0.1 183.2)
Conversions de couleur
- HEX
- #3fab9d
- RGB
- rgb(63 171 157)
- HSL
- hsl(172 46% 46%)
- HWB
- hwb(172 25% 33%)
- OKLCH
- oklch(0.676 0.1 183.2)
- OKLab
- oklab(0.676 -0.1 -0.006)
- CIE Lab
- lab(63.63 -34.6 -2.38)
- LCH
- lch(63.63 34.68 183.9)
- CMYK
- cmyk(63% 0% 8% 33%)
Teintes · Ombres · Tons
Teintes
- 58B3A6
- 6DBCB0
- 81C4B9
- 94CDC3
- A6D5CD
- B8DDD7
- CAE6E1
- DCEEEB
- EDF7F5
Ombres
- 359488
- 2C7E73
- 23685F
- 1B544C
- 12403A
- 0A2D28
- 041B18
- 010B09
- 000101
Tons
- 4BA79A
- 54A397
- 5C9E94
- 639A91
- 69968E
- 6F928B
- 748D89
- 788986
- 7C8483
Harmonies de couleurs
Complémentaire +180°
- 3FAB9D
Waterfall
- CB7C91
≈ Wild Rose
Analogue -30° +30°
- 3FAB9D
Waterfall
- 64A97A
≈ Green Tea Candy
- 3CA7BC
≈ Moonstone
Triadique +120° +240°
- 3FAB9D
Waterfall
- A488CA
≈ Lilac Purple
- C38953
≈ Toffee Tart
Complémentaire divisée +150° +210°
- 3FAB9D
Waterfall
- BC80B1
≈ Drama Violet
- CD806F
≈ Canyon Clay
Tétradique +90° +180° +270°
- 3FAB9D
Waterfall
- 8393D5
≈ Mystic Iris
- CB7C91
≈ Wild Rose
- AC9649
≈ Semi Opal
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.52:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--waterfall: #3fab9d;
--waterfall-rgb: 63 171 157;
--waterfall-oklch: oklch(0.676 0.1 183.2);
}
.element {
color: var(--waterfall);
background-color: hsl(172 46% 46%);
border-color: oklch(0.676 0.1 183.2);
}Tailwind CSS v4
@theme {
--color-waterfall: #3fab9d;
--color-waterfall-50: #d6fff9;
--color-waterfall-100: #c3f3ec;
--color-waterfall-200: #a4e3da;
--color-waterfall-300: #79c8be;
--color-waterfall-400: #4fb2a4;
--color-waterfall-500: #039b8d;
--color-waterfall-600: #0f8377;
--color-waterfall-700: #0e695f;
--color-waterfall-800: #094d44;
--color-waterfall-900: #06362f;
--color-waterfall-950: #00211c;
}SCSS
$waterfall: #3fab9d;
$waterfall-rgb: 63, 171, 157;
$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);
}