En yakın adlandırılmış renk · #517D8C
#517D8C
En yakın adlandırılmış renk: Night Owl
#517D8C (rgb(81 125 140), hsl(195 27% 43%), oklch(0.564 0.054 221.5)) en çok Night Owl 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.
#517D8C
oklch(0.564 0.054 221.5)
Renk dönüşümleri
- HEX
- #517d8c
- RGB
- rgb(81 125 140)
- HSL
- hsl(195 27% 43%)
- HWB
- hwb(195 32% 45%)
- OKLCH
- oklch(0.564 0.054 221.5)
- OKLab
- oklab(0.564 -0.04 -0.035)
- CIE Lab
- lab(49.64 -12.62 -13.23)
- LCH
- lch(49.64 18.29 226.3)
- CMYK
- cmyk(42% 11% 0% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 628997
- 7396A2
- 84A3AD
- 95AFB9
- A6BCC4
- B8C9D0
- C9D7DB
- DBE4E7
- EDF1F3
Koyu tonlar
- 456C79
- 3A5B67
- 2F4B55
- 243B43
- 1A2C33
- 101E23
- 071114
- 020507
- 000101
Gri tonlar
- 567D8B
- 5C7E8A
- 607E89
- 657E87
- 6A7F86
- 6F7F85
- 737F84
- 778083
- 7C8081
Renk uyumları
Tamamlayıcı +180°
- 517D8C
Night Owl
- 916B5D
≈ Badlands Sunset
Analog -30° +30°
- 517D8C
Night Owl
- 4E807D
≈ Nickel Ore Green
- 5E7894
≈ Rushing River
Üçlü +120° +240°
- 517D8C
Night Owl
- 8C697F
≈ Imaginary Mauve
- 7C7752
≈ Green Woodpecker Olive
Bölünmüş tamamlayıcı +150° +210°
- 517D8C
Night Owl
- 92696D
≈ San Francisco Mauve
- 8A7153
≈ China Cinnamon
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.66:1 · APCA Lc 30
En iyi metin rengi: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Kod parçacıkları
CSS
:root {
--night-owl: #517d8c;
--night-owl-rgb: 81 125 140;
--night-owl-oklch: oklch(0.564 0.054 221.5);
}
.element {
color: var(--night-owl);
background-color: hsl(195 27% 43%);
border-color: oklch(0.564 0.054 221.5);
}Tailwind CSS v4
@theme {
--color-night-owl: #517d8c;
--color-night-owl-50: #e6f9ff;
--color-night-owl-100: #d6ecf5;
--color-night-owl-200: #bddae5;
--color-night-owl-300: #9bbecc;
--color-night-owl-400: #7ba6b5;
--color-night-owl-500: #5d8fa0;
--color-night-owl-600: #4f7987;
--color-night-owl-700: #3f616c;
--color-night-owl-800: #2d474f;
--color-night-owl-900: #1e3137;
--color-night-owl-950: #0e1d22;
}SCSS
$night-owl: #517d8c;
$night-owl-rgb: 81, 125, 140;
$night-owl-light: mix(#fff, $night-owl, 20%);
$night-owl-dark: mix(#000, $night-owl, 20%);
.element {
color: $night-owl;
box-shadow: 0 0 0 2px rgba($night-owl, 0.35);
}