Adlandırılmış renk · #485783
Yacht Club Blue
Yacht Club Blue, #485783: rgb(72 87 131), hsl(225 29% 40%), oklch(0.464 0.074 269). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Yacht Club Blue color name →
#485783
oklch(0.464 0.074 269)
Renk dönüşümleri
- HEX
- #485783
- RGB
- rgb(72 87 131)
- HSL
- hsl(225 29% 40%)
- HWB
- hwb(225 28% 49%)
- OKLCH
- oklch(0.464 0.074 269)
- OKLab
- oklab(0.464 -0.001 -0.074)
- CIE Lab
- lab(37.21 3.55 -26.9)
- LCH
- lch(37.21 27.14 277.5)
- CMYK
- cmyk(45% 34% 0% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 58678F
- 69779B
- 7B87A8
- 8C97B4
- 9FA8C0
- B1B9CD
- C4CAD9
- D7DBE6
- EBEDF2
Koyu tonlar
- 3D4B71
- 333E60
- 29334F
- 1F273F
- 161C2F
- 0D1220
- 060812
- 020306
- 000001
Gri tonlar
- 4D5B83
- 535F83
- 586483
- 5E6883
- 636C83
- 697082
- 6F7482
- 747881
- 7A7C81
Renk uyumları
Tamamlayıcı +180°
- 485783
Yacht Club Blue
- 6A5723
≈ Fir Green
Analog -30° +30°
- 485783
Yacht Club Blue
- 2D5F7E
≈ Berry Blue
- 5F4F7D
≈ Imperial Palace
Üçlü +120° +240°
- 485783
Yacht Club Blue
- 7D4841
≈ Sly Fox
- 396542
≈ Forest Serenade
Bölünmüş tamamlayıcı +150° +210°
- 485783
Yacht Club Blue
- 784E2C
≈ Chocolate Bells
- 555F2C
≈ Basil Green
Dörtlü +90° +180° +270°
- 485783
Yacht Club Blue
- 7B4758
≈ Nocturne Red
- 6A5723
≈ Fir Green
- 1C675A
≈ Eucalyptus Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.07:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.96:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.07:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--yacht-club-blue: #485783;
--yacht-club-blue-rgb: 72 87 131;
--yacht-club-blue-oklch: oklch(0.464 0.074 269);
}
.element {
color: var(--yacht-club-blue);
background-color: hsl(225 29% 40%);
border-color: oklch(0.464 0.074 269);
}Tailwind CSS v4
@theme {
--color-yacht-club-blue: #485783;
--color-yacht-club-blue-50: #edf5ff;
--color-yacht-club-blue-100: #dee7ff;
--color-yacht-club-blue-200: #c8d3f5;
--color-yacht-club-blue-300: #a9b6de;
--color-yacht-club-blue-400: #8c9dcb;
--color-yacht-club-blue-500: #7284b8;
--color-yacht-club-blue-600: #61709b;
--color-yacht-club-blue-700: #4d597d;
--color-yacht-club-blue-800: #37425c;
--color-yacht-club-blue-900: #252d41;
--color-yacht-club-blue-950: #141a29;
}SCSS
$yacht-club-blue: #485783;
$yacht-club-blue-rgb: 72, 87, 131;
$yacht-club-blue-light: mix(#fff, $yacht-club-blue, 20%);
$yacht-club-blue-dark: mix(#000, $yacht-club-blue, 20%);
.element {
color: $yacht-club-blue;
box-shadow: 0 0 0 2px rgba($yacht-club-blue, 0.35);
}