En yakın adlandırılmış renk · #42AB94
#42AB94
En yakın adlandırılmış renk: Hole in One
#42AB94 (rgb(66 171 148), hsl(167 44% 46%), oklch(0.674 0.103 176)) 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.
#42AB94
oklch(0.674 0.103 176)
Renk dönüşümleri
- HEX
- #42ab94
- RGB
- rgb(66 171 148)
- HSL
- hsl(167 44% 46%)
- HWB
- hwb(167 26% 33%)
- OKLCH
- oklch(0.674 0.103 176)
- OKLab
- oklab(0.674 -0.102 0.007)
- CIE Lab
- lab(63.51 -35.82 2.44)
- LCH
- lch(63.51 35.9 176.1)
- CMYK
- cmyk(61% 0% 13% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5AB39E
- 6FBCA9
- 82C4B3
- 95CDBE
- A7D5C8
- B9DDD3
- CBE6DE
- DCEEE9
- EEF7F4
Koyu tonlar
- 389480
- 2F7E6D
- 25685A
- 1C5448
- 144036
- 0B2D26
- 051B16
- 010B08
- 000101
Gri tonlar
- 4DA792
- 56A390
- 5D9E8E
- 649A8C
- 6A968A
- 6F9288
- 748D86
- 788984
- 7C8482
Renk uyumları
Tamamlayıcı +180°
- 42AB94
Hole in One
- C97B98
≈ Wild Rose
Analog -30° +30°
- 42AB94
Hole in One
- 6BA770
≈ Happy Cricket
- 32A8B5
≈ Green Buoy
Üçlü +120° +240°
- 42AB94
Hole in One
- 9C89CF
≈ Petrified Purple
- C78556
≈ Maple Syrup Brown
Bölünmüş tamamlayıcı +150° +210°
- 42AB94
Hole in One
- B780B8
≈ Cheddar Pink Mauve
- CE7D75
≈ Chilli Soda
Dörtlü +90° +180° +270°
- 42AB94
Hole in One
- 7995D6
≈ Pannikin
- C97B98
≈ Wild Rose
- B39246
≈ 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: #42ab94;
--hole-in-one-rgb: 66 171 148;
--hole-in-one-oklch: oklch(0.674 0.103 176);
}
.element {
color: var(--hole-in-one);
background-color: hsl(167 44% 46%);
border-color: oklch(0.674 0.103 176);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #42ab94;
--color-hole-in-one-50: #d7fff5;
--color-hole-in-one-100: #c4f4e8;
--color-hole-in-one-200: #a5e3d4;
--color-hole-in-one-300: #7bc9b7;
--color-hole-in-one-400: #52b29c;
--color-hole-in-one-500: #129c84;
--color-hole-in-one-600: #17846f;
--color-hole-in-one-700: #136a59;
--color-hole-in-one-800: #0d4e40;
--color-hole-in-one-900: #09362c;
--color-hole-in-one-950: #002119;
}SCSS
$hole-in-one: #42ab94;
$hole-in-one-rgb: 66, 171, 148;
$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);
}