En yakın adlandırılmış renk · #4BAA95
#4BAA95
En yakın adlandırılmış renk: Hole in One
#4BAA95 (rgb(75 170 149), hsl(167 39% 48%), oklch(0.675 0.096 176.5)) 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.
#4BAA95
oklch(0.675 0.096 176.5)
Renk dönüşümleri
- HEX
- #4baa95
- RGB
- rgb(75 170 149)
- HSL
- hsl(167 39% 48%)
- HWB
- hwb(167 29% 33%)
- OKLCH
- oklch(0.675 0.096 176.5)
- OKLab
- oklab(0.675 -0.095 0.006)
- CIE Lab
- lab(63.51 -33.31 1.94)
- LCH
- lch(63.51 33.37 176.7)
- CMYK
- cmyk(56% 0% 12% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 60B29F
- 74BBA9
- 86C3B4
- 98CCBE
- AAD4C9
- BBDDD3
- CCE5DE
- DDEEE9
- EEF6F4
Koyu tonlar
- 409381
- 357D6D
- 2B685A
- 215348
- 173F37
- 0E2D26
- 061B16
- 020B08
- 000101
Gri tonlar
- 54A693
- 5BA291
- 619E8F
- 67998D
- 6C958A
- 719188
- 758D86
- 798984
- 7D8482
Renk uyumları
Tamamlayıcı +180°
- 4BAA95
Hole in One
- C67E98
≈ Wild Rose
Analog -30° +30°
- 4BAA95
Hole in One
- 6FA773
≈ Primavera
- 3FA7B4
≈ Green Buoy
Üçlü +120° +240°
- 4BAA95
Hole in One
- 9C8ACB
≈ Petrified Purple
- C4875B
≈ Peace of Mind
Bölünmüş tamamlayıcı +150° +210°
- 4BAA95
Hole in One
- B682B6
≈ Drama Violet
- CB7F77
≈ Chilli Soda
Dörtlü +90° +180° +270°
- 4BAA95
Hole in One
- 7C95D2
≈ Pannikin
- C67E98
≈ Wild Rose
- B1934D
≈ Obsession
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: #4baa95;
--hole-in-one-rgb: 75 170 149;
--hole-in-one-oklch: oklch(0.675 0.096 176.5);
}
.element {
color: var(--hole-in-one);
background-color: hsl(167 39% 48%);
border-color: oklch(0.675 0.096 176.5);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #4baa95;
--color-hole-in-one-50: #d9fff5;
--color-hole-in-one-100: #c7f3e8;
--color-hole-in-one-200: #a8e2d5;
--color-hole-in-one-300: #7fc8b8;
--color-hole-in-one-400: #59b19d;
--color-hole-in-one-500: #279b84;
--color-hole-in-one-600: #248370;
--color-hole-in-one-700: #1d695a;
--color-hole-in-one-800: #144d40;
--color-hole-in-one-900: #0d362c;
--color-hole-in-one-950: #012119;
}SCSS
$hole-in-one: #4baa95;
$hole-in-one-rgb: 75, 170, 149;
$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);
}