En yakın adlandırılmış renk · #517C78
#517C78
En yakın adlandırılmış renk: Turquoise Tortoise
#517C78 (rgb(81 124 120), hsl(174 21% 40%), oklch(0.554 0.048 188.5)) en çok Turquoise Tortoise 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.
#517C78
oklch(0.554 0.048 188.5)
Renk dönüşümleri
- HEX
- #517c78
- RGB
- rgb(81 124 120)
- HSL
- hsl(174 21% 40%)
- HWB
- hwb(174 32% 51%)
- OKLCH
- oklch(0.554 0.048 188.5)
- OKLab
- oklab(0.554 -0.048 -0.007)
- CIE Lab
- lab(48.78 -16.21 -2.81)
- LCH
- lch(48.78 16.45 189.8)
- CMYK
- cmyk(35% 0% 3% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 628885
- 739591
- 84A29F
- 95AFAC
- A6BCB9
- B7C9C7
- C9D6D5
- DBE4E3
- EDF1F1
Koyu tonlar
- 456B67
- 3A5A57
- 2F4A48
- 243B39
- 1A2C2A
- 101E1D
- 071110
- 020505
- 000101
Gri tonlar
- 567C79
- 5B7D7A
- 607D7A
- 657E7B
- 6A7E7C
- 6E7F7D
- 737F7E
- 777F7E
- 7C807F
Renk uyumları
Tamamlayıcı +180°
- 517C78
Turquoise Tortoise
- 8C676D
≈ Deadlock
Analog -30° +30°
- 517C78
Turquoise Tortoise
- 5B7C68
≈ Dark Sorrel
- 527A86
≈ Sky Space
Üçlü +120° +240°
- 517C78
Turquoise Tortoise
- 7B6B89
≈ Nymph’s Delight
- 866E54
≈ Appaloosa Spots
Bölünmüş tamamlayıcı +150° +210°
- 517C78
Turquoise Tortoise
- 86687C
≈ Port Wine Stain
- 8C695E
≈ Creamed Muscat
Dörtlü +90° +180° +270°
- 517C78
Turquoise Tortoise
- 6C708F
≈ Royal Intrigue
- 8C676D
≈ Deadlock
- 7A7353
≈ Truly Olive
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.66:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--turquoise-tortoise: #517c78;
--turquoise-tortoise-rgb: 81 124 120;
--turquoise-tortoise-oklch: oklch(0.554 0.048 188.5);
}
.element {
color: var(--turquoise-tortoise);
background-color: hsl(174 21% 40%);
border-color: oklch(0.554 0.048 188.5);
}Tailwind CSS v4
@theme {
--color-turquoise-tortoise: #517c78;
--color-turquoise-tortoise-50: #e6faf8;
--color-turquoise-tortoise-100: #d7edeb;
--color-turquoise-tortoise-200: #bedbd9;
--color-turquoise-tortoise-300: #9cc0bd;
--color-turquoise-tortoise-400: #7ea8a4;
--color-turquoise-tortoise-500: #60918c;
--color-turquoise-tortoise-600: #527a77;
--color-turquoise-tortoise-700: #41625f;
--color-turquoise-tortoise-800: #2f4845;
--color-turquoise-tortoise-900: #203230;
--color-turquoise-tortoise-950: #0f1e1c;
}SCSS
$turquoise-tortoise: #517c78;
$turquoise-tortoise-rgb: 81, 124, 120;
$turquoise-tortoise-light: mix(#fff, $turquoise-tortoise, 20%);
$turquoise-tortoise-dark: mix(#000, $turquoise-tortoise, 20%);
.element {
color: $turquoise-tortoise;
box-shadow: 0 0 0 2px rgba($turquoise-tortoise, 0.35);
}