En yakın adlandırılmış renk · #4059E3
#4059E3
En yakın adlandırılmış renk: Warm Blue
#4059E3 (rgb(64 89 227), hsl(231 74% 57%), oklch(0.531 0.21 269.8)) en çok Warm Blue 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.
#4059E3
oklch(0.531 0.21 269.8)
Renk dönüşümleri
- HEX
- #4059e3
- RGB
- rgb(64 89 227)
- HSL
- hsl(231 74% 57%)
- HWB
- hwb(231 25% 11%)
- OKLCH
- oklch(0.531 0.21 269.8)
- OKLab
- oklab(0.531 -0.001 -0.21)
- CIE Lab
- lab(42.7 27.74 -74.44)
- LCH
- lch(42.7 79.44 290.4)
- CMYK
- cmyk(72% 61% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 506CE8
- 607EEC
- 728FF0
- 859FF3
- 98B0F6
- ACC0F9
- C0D0FB
- D5DFFD
- EAEFFE
Koyu tonlar
- 364CC5
- 2D40A8
- 24348C
- 1B2871
- 131D57
- 0B133F
- 050927
- 010312
- 000003
Gri tonlar
- 455FDA
- 4B65D0
- 516AC7
- 576EBE
- 5E72B4
- 6476AA
- 6B79A0
- 727B96
- 797E8B
Renk uyumları
Tamamlayıcı +180°
- 4059E3
Warm Blue
- 856800
≈ Muddy Brown
Analog -30° +30°
- 4059E3
Warm Blue
- 0073AA
≈ Methyl Blue
- 8140D1
≈ Purple Rain
Üçlü +120° +240°
- 4059E3
Warm Blue
- C91307
≈ Vampire State Building
- 008239
≈ Charmed Green
Bölünmüş tamamlayıcı +150° +210°
- 4059E3
Warm Blue
- 9F5700
≈ Sepia Wash
- 647600
≈ Topiary Green
Dörtlü +90° +180° +270°
- 4059E3
Warm Blue
- C20D68
≈ Spiced Purple
- 856800
≈ Muddy Brown
- 007E6E
≈ Blue Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.59:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.75:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--warm-blue: #4059e3;
--warm-blue-rgb: 64 89 227;
--warm-blue-oklch: oklch(0.531 0.21 269.8);
}
.element {
color: var(--warm-blue);
background-color: hsl(231 74% 57%);
border-color: oklch(0.531 0.21 269.8);
}Tailwind CSS v4
@theme {
--color-warm-blue: #4059e3;
--color-warm-blue-50: #dff3ff;
--color-warm-blue-100: #cfe4ff;
--color-warm-blue-200: #b4ceff;
--color-warm-blue-300: #92aeff;
--color-warm-blue-400: #6f92ff;
--color-warm-blue-500: #5372ff;
--color-warm-blue-600: #4661e4;
--color-warm-blue-700: #384eb7;
--color-warm-blue-800: #23398a;
--color-warm-blue-900: #172762;
--color-warm-blue-950: #091443;
}SCSS
$warm-blue: #4059e3;
$warm-blue-rgb: 64, 89, 227;
$warm-blue-light: mix(#fff, $warm-blue, 20%);
$warm-blue-dark: mix(#000, $warm-blue, 20%);
.element {
color: $warm-blue;
box-shadow: 0 0 0 2px rgba($warm-blue, 0.35);
}