Color con nombre más cercano · #79BFB3
#79BFB3
Color con nombre más cercano: Mintnight
#79BFB3 (rgb(121 191 179), hsl(170 35% 61%), oklch(0.755 0.073 182.2)) se parece más al color con nombre Mintnight. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#79BFB3
oklch(0.755 0.073 182.2)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 87C5BA
- 95CCC2
- A3D2C9
- B0D9D1
- BDDFD8
- CBE5E0
- D8ECE8
- E5F2EF
- F2F9F7
Sombras
- 68A69B
- 588D84
- 48756E
- 395E58
- 2B4843
- 1D332F
- 101F1D
- 050D0C
- 010201
Tonos
- 7BB9AE
- 7CB2A9
- 7EACA3
- 7FA69E
- 7F9F99
- 809994
- 80938F
- 808C8A
- 808685
Armonías de color
Complementario +180°
- 79BFB3
Mintnight
- D89CAB
≈ Glamour
Análogo -30° +30°
- 79BFB3
Mintnight
- 8DBD99
≈ Garden Swing
- 77BCCB
≈ Azure Lake
Triádico +120° +240°
- 79BFB3
Mintnight
- B8A5D7
≈ Grape Illusion
- D1A680
≈ City Sunrise
Complementario dividido +150° +210°
- 79BFB3
Mintnight
- CC9FC4
≈ Prize Winning Orchid
- DA9F92
≈ Rhapsodic
Tetrádico +90° +180° +270°
- 79BFB3
Mintnight
- 9FADDF
≈ Aster Flower Blue
- D89CAB
≈ Glamour
- C0AF7A
≈ Fresh Peas
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASobre negro
WCAG 9.91:1 · APCA Lc 61
Mejor color de texto: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmentos de código
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);
}