En yakın adlandırılmış renk · #39AC91
#39AC91
En yakın adlandırılmış renk: Hole in One
#39AC91 (rgb(57 172 145), hsl(166 50% 45%), oklch(0.673 0.11 174)) en çok Hole in One 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.
#39AC91
oklch(0.673 0.11 174)
Renk dönüşümleri
- HEX
- #39ac91
- RGB
- rgb(57 172 145)
- HSL
- hsl(166 50% 45%)
- HWB
- hwb(166 22% 33%)
- OKLCH
- oklch(0.673 0.11 174)
- OKLab
- oklab(0.673 -0.109 0.011)
- CIE Lab
- lab(63.51 -38.47 4.05)
- LCH
- lch(63.51 38.68 174)
- CMYK
- cmyk(67% 0% 16% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 54B49B
- 6ABDA6
- 7FC5B1
- 92CDBC
- A5D6C7
- B7DED2
- C9E6DD
- DBEFE8
- EDF7F4
Koyu tonlar
- 30957D
- 287F6A
- 1F6958
- 175446
- 104035
- 092D25
- 041B15
- 010B07
- 000101
Gri tonlar
- 46A88F
- 51A38E
- 599F8C
- 619B8A
- 689688
- 6D9287
- 738E85
- 788983
- 7C8582
Renk uyumları
Tamamlayıcı +180°
- 39AC91
Hole in One
- CB799B
≈ Dolomite Red
Analog -30° +30°
- 39AC91
Hole in One
- 6AA86A
≈ Happy Cricket
- 1CA9B5
≈ Bluebird
Üçlü +120° +240°
- 39AC91
Hole in One
- 9A88D3
≈ Petrified Purple
- CA8352
≈ Maple Syrup Brown
Bölünmüş tamamlayıcı +150° +210°
- 39AC91
Hole in One
- B87EBC
≈ Colombo Red Mauve
- D17A75
≈ Hearts Afire
Dörtlü +90° +180° +270°
- 39AC91
Hole in One
- 7395DA
≈ Little Boy Blue
- CB799B
≈ Dolomite Red
- B6903D
≈ Venetian Gold
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.48:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--hole-in-one: #39ac91;
--hole-in-one-rgb: 57 172 145;
--hole-in-one-oklch: oklch(0.673 0.11 174);
}
.element {
color: var(--hole-in-one);
background-color: hsl(166 50% 45%);
border-color: oklch(0.673 0.11 174);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #39ac91;
--color-hole-in-one-50: #d5fff4;
--color-hole-in-one-100: #c2f5e6;
--color-hole-in-one-200: #a2e4d2;
--color-hole-in-one-300: #76cab5;
--color-hole-in-one-400: #4bb499;
--color-hole-in-one-500: #009d81;
--color-hole-in-one-600: #01856d;
--color-hole-in-one-700: #056b57;
--color-hole-in-one-800: #054e3e;
--color-hole-in-one-900: #05372b;
--color-hole-in-one-950: #002118;
}SCSS
$hole-in-one: #39ac91;
$hole-in-one-rgb: 57, 172, 145;
$hole-in-one-light: mix(#fff, $hole-in-one, 20%);
$hole-in-one-dark: mix(#000, $hole-in-one, 20%);
.element {
color: $hole-in-one;
box-shadow: 0 0 0 2px rgba($hole-in-one, 0.35);
}