En yakın adlandırılmış renk · #78BFB1
#78BFB1
En yakın adlandırılmış renk: Mintnight
#78BFB1 (rgb(120 191 177), hsl(168 36% 61%), oklch(0.754 0.075 180.3)) en çok Mintnight adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#78BFB1
oklch(0.754 0.075 180.3)
Renk dönüşümleri
- HEX
- #78bfb1
- RGB
- rgb(120 191 177)
- HSL
- hsl(168 36% 61%)
- HWB
- hwb(168 47% 25%)
- OKLCH
- oklch(0.754 0.075 180.3)
- OKLab
- oklab(0.754 -0.075 0)
- CIE Lab
- lab(72.36 -25.74 -0.35)
- LCH
- lch(72.36 25.74 180.8)
- CMYK
- cmyk(37% 0% 7% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 86C5B9
- 94CCC0
- A2D2C8
- B0D9D0
- BDDFD7
- CAE5DF
- D7ECE7
- E5F2EF
- F2F9F7
Koyu tonlar
- 67A699
- 578D83
- 48756C
- 395E57
- 2A4842
- 1D332F
- 101F1C
- 050D0C
- 010201
Gri tonlar
- 7AB9AC
- 7CB2A7
- 7DACA2
- 7EA69D
- 7F9F98
- 7F9993
- 80938E
- 808C8A
- 808685
Renk uyumları
Tamamlayıcı +180°
- 78BFB1
Mintnight
- D89CAD
≈ Blush Bomb
Analog -30° +30°
- 78BFB1
Mintnight
- 8DBD97
≈ Garden Swing
- 74BCC9
≈ Azure Lake
Üçlü +120° +240°
- 78BFB1
Mintnight
- B6A5D8
≈ Grape Illusion
- D3A47F
≈ Sunset Beige
Bölünmüş tamamlayıcı +150° +210°
- 78BFB1
Mintnight
- CB9EC6
≈ Prize Winning Orchid
- DA9E93
≈ Rhapsodic
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.12:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.88:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.88:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--mintnight: #78bfb1;
--mintnight-rgb: 120 191 177;
--mintnight-oklch: oklch(0.754 0.075 180.3);
}
.element {
color: var(--mintnight);
background-color: hsl(168 36% 61%);
border-color: oklch(0.754 0.075 180.3);
}Tailwind CSS v4
@theme {
--color-mintnight: #78bfb1;
--color-mintnight-50: #dffdf7;
--color-mintnight-100: #cef1ea;
--color-mintnight-200: #b2dfd7;
--color-mintnight-300: #8dc4ba;
--color-mintnight-400: #6bada0;
--color-mintnight-500: #469688;
--color-mintnight-600: #3d7f73;
--color-mintnight-700: #30665c;
--color-mintnight-800: #224b42;
--color-mintnight-900: #17342e;
--color-mintnight-950: #071f1b;
}SCSS
$mintnight: #78bfb1;
$mintnight-rgb: 120, 191, 177;
$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);
}