Dichtstbijzijnde benoemde kleur · #79B7AE
#79B7AE
Dichtstbijzijnde benoemde kleur: Mintnight
#79B7AE (rgb(121 183 174), hsl(171 30% 60%), oklch(0.735 0.065 184.5)) komt het dichtst bij de benoemde kleur Mintnight. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#79B7AE
oklch(0.735 0.065 184.5)
Kleurconversies
- HEX
- #79b7ae
- RGB
- rgb(121 183 174)
- HSL
- hsl(171 30% 60%)
- HWB
- hwb(171 47% 28%)
- OKLCH
- oklch(0.735 0.065 184.5)
- OKLab
- oklab(0.735 -0.065 -0.005)
- CIE Lab
- lab(70.01 -22.31 -2.1)
- LCH
- lch(70.01 22.41 185.4)
- CMYK
- cmyk(34% 0% 5% 28%)
Tinten · Schaduwen · Tonen
Tinten
- 87BEB6
- 95C5BE
- A2CCC6
- AFD4CE
- BDDBD6
- CAE2DE
- D7E9E6
- E4F0EE
- F2F8F7
Schaduwen
- 689F97
- 588780
- 48706A
- 395A55
- 2B4541
- 1D312E
- 101E1C
- 050C0B
- 010201
Tonen
- 7BB1A9
- 7CACA5
- 7DA6A0
- 7EA19B
- 7F9B97
- 7F9692
- 80908E
- 808B89
- 808584
Kleurharmonieën
Complementair +180°
- 79B7AE
Mintnight
- CE98A4
≈ Cooing Doves
Analoog -30° +30°
- 79B7AE
Mintnight
- 89B697
≈ Garden View
- 78B4C3
≈ Tennis Blue
Triadisch +120° +240°
- 79B7AE
Mintnight
- B29FCB
≈ Purple Rose
- C7A17E
≈ Rodeo Dust
Gesplitst complementair +150° +210°
- 79B7AE
Mintnight
- C49ABA
≈ Morning Glory Pink
- CF9B8E
≈ Nectarine Spice
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.28:1 · APCA Lc 45
Ag
AAAOp zwart
WCAG 9.19:1 · APCA Lc 57
Beste tekstkleur: #000000
WCAG 9.19:1 (AAA) · APCA Lc 57
Contrast pairs
Codefragmenten
CSS
:root {
--mintnight: #79b7ae;
--mintnight-rgb: 121 183 174;
--mintnight-oklch: oklch(0.735 0.065 184.5);
}
.element {
color: var(--mintnight);
background-color: hsl(171 30% 60%);
border-color: oklch(0.735 0.065 184.5);
}Tailwind CSS v4
@theme {
--color-mintnight: #79b7ae;
--color-mintnight-50: #e1fcf8;
--color-mintnight-100: #d1efeb;
--color-mintnight-200: #b6ded8;
--color-mintnight-300: #92c3bd;
--color-mintnight-400: #71aba3;
--color-mintnight-500: #4f948b;
--color-mintnight-600: #447e76;
--color-mintnight-700: #36655e;
--color-mintnight-800: #264a44;
--color-mintnight-900: #1a332f;
--color-mintnight-950: #0a1f1c;
}SCSS
$mintnight: #79b7ae;
$mintnight-rgb: 121, 183, 174;
$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);
}