Couleur nommée la plus proche · #79BFB3
#79BFB3
Couleur nommée la plus proche: Mintnight
#79BFB3 (rgb(121 191 179), hsl(170 35% 61%), oklch(0.755 0.073 182.2)) est la plus proche de la couleur nommée Mintnight. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#79BFB3
oklch(0.755 0.073 182.2)
Conversions de couleur
- HEX
- #79bfb3
- RGB
- rgb(121 191 179)
- HSL
- hsl(170 35% 61%)
- HWB
- hwb(170 47% 25%)
- OKLCH
- oklch(0.755 0.073 182.2)
- OKLab
- oklab(0.755 -0.073 -0.003)
- CIE Lab
- lab(72.45 -25.1 -1.29)
- LCH
- lch(72.45 25.13 182.9)
- CMYK
- cmyk(37% 0% 6% 25%)
Teintes · Ombres · Tons
Teintes
- 87C5BA
- 95CCC2
- A3D2C9
- B0D9D1
- BDDFD8
- CBE5E0
- D8ECE8
- E5F2EF
- F2F9F7
Ombres
- 68A69B
- 588D84
- 48756E
- 395E58
- 2B4843
- 1D332F
- 101F1D
- 050D0C
- 010201
Tons
- 7BB9AE
- 7CB2A9
- 7EACA3
- 7FA69E
- 7F9F99
- 809994
- 80938F
- 808C8A
- 808685
Harmonies de couleurs
Complémentaire +180°
- 79BFB3
Mintnight
- D89CAB
≈ Glamour
Analogue -30° +30°
- 79BFB3
Mintnight
- 8DBD99
≈ Garden Swing
- 77BCCB
≈ Azure Lake
Triadique +120° +240°
- 79BFB3
Mintnight
- B8A5D7
≈ Grape Illusion
- D1A680
≈ City Sunrise
Complémentaire divisée +150° +210°
- 79BFB3
Mintnight
- CC9FC4
≈ Prize Winning Orchid
- DA9F92
≈ Rhapsodic
Tétradique +90° +180° +270°
- 79BFB3
Mintnight
- 9FADDF
≈ Aster Flower Blue
- D89CAB
≈ Glamour
- C0AF7A
≈ Fresh Peas
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.11:1 · APCA Lc 41
Ag
AAASur noir
WCAG 9.91:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--mintnight: #79bfb3;
--mintnight-rgb: 121 191 179;
--mintnight-oklch: oklch(0.755 0.073 182.2);
}
.element {
color: var(--mintnight);
background-color: hsl(170 35% 61%);
border-color: oklch(0.755 0.073 182.2);
}Tailwind CSS v4
@theme {
--color-mintnight: #79bfb3;
--color-mintnight-50: #dffcf7;
--color-mintnight-100: #cef0eb;
--color-mintnight-200: #b2dfd8;
--color-mintnight-300: #8dc4bc;
--color-mintnight-400: #6bada2;
--color-mintnight-500: #47968a;
--color-mintnight-600: #3d7f75;
--color-mintnight-700: #31665d;
--color-mintnight-800: #224b43;
--color-mintnight-900: #17342f;
--color-mintnight-950: #071f1b;
}SCSS
$mintnight: #79bfb3;
$mintnight-rgb: 121, 191, 179;
$mintnight-light: mix(#fff, $mintnight, 20%);
$mintnight-dark: mix(#000, $mintnight, 20%);
.element {
color: $mintnight;
box-shadow: 0 0 0 2px rgba($mintnight, 0.35);
}