En yakın adlandırılmış renk · #57AA8F
#57AA8F
En yakın adlandırılmış renk: Hole in One
#57AA8F (rgb(87 170 143), hsl(160 33% 50%), oklch(0.678 0.092 170)) 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.
#57AA8F
oklch(0.678 0.092 170)
Renk dönüşümleri
- HEX
- #57aa8f
- RGB
- rgb(87 170 143)
- HSL
- hsl(160 33% 50%)
- HWB
- hwb(160 34% 33%)
- OKLCH
- oklch(0.678 0.092 170)
- OKLab
- oklab(0.678 -0.09 0.016)
- CIE Lab
- lab(63.84 -31.51 5.78)
- LCH
- lch(63.84 32.04 169.6)
- CMYK
- cmyk(49% 0% 16% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6AB29A
- 7BBBA4
- 8CC3AF
- 9DCCBA
- AED4C6
- BEDDD1
- CEE5DC
- DEEEE8
- EFF6F3
Koyu tonlar
- 4B937C
- 3E7D69
- 336857
- 275345
- 1C3F34
- 122D24
- 081B15
- 030B07
- 000101
Gri tonlar
- 5DA68E
- 63A28C
- 689E8B
- 6C9989
- 709588
- 749186
- 778D85
- 7B8983
- 7D8482
Renk uyumları
Tamamlayıcı +180°
- 57AA8F
Hole in One
- C3809F
≈ Moonlight Mauve
Analog -30° +30°
- 57AA8F
Hole in One
- 79A66F
≈ Ready Lawn
- 46A9AE
≈ Tidal Teal
Üçlü +120° +240°
- 57AA8F
Hole in One
- 978ECC
≈ Adora
- C58764
≈ Wheatberry
Bölünmüş tamamlayıcı +150° +210°
- 57AA8F
Hole in One
- B185BB
≈ African Violet
- CA8080
≈ Raspberry Ripple
Dörtlü +90° +180° +270°
- 57AA8F
Hole in One
- 7698D0
≈ Ice Blue
- C3809F
≈ Moonlight Mauve
- B59153
≈ Golden Egg
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.55:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.55:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--hole-in-one: #57aa8f;
--hole-in-one-rgb: 87 170 143;
--hole-in-one-oklch: oklch(0.678 0.092 170);
}
.element {
color: var(--hole-in-one);
background-color: hsl(160 33% 50%);
border-color: oklch(0.678 0.092 170);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #57aa8f;
--color-hole-in-one-50: #dcfef2;
--color-hole-in-one-100: #caf2e4;
--color-hole-in-one-200: #ade2d0;
--color-hole-in-one-300: #86c7b2;
--color-hole-in-one-400: #62b096;
--color-hole-in-one-500: #399a7d;
--color-hole-in-one-600: #32826a;
--color-hole-in-one-700: #286854;
--color-hole-in-one-800: #1c4c3c;
--color-hole-in-one-900: #133529;
--color-hole-in-one-950: #042017;
}SCSS
$hole-in-one: #57aa8f;
$hole-in-one-rgb: 87, 170, 143;
$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);
}