En yakın adlandırılmış renk · #4F55FA
#4F55FA
En yakın adlandırılmış renk: Warm Blue
#4F55FA (rgb(79 85 250), hsl(238 94% 65%), oklch(0.552 0.24 273.7)) 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.
#4F55FA
oklch(0.552 0.24 273.7)
Renk dönüşümleri
- HEX
- #4f55fa
- RGB
- rgb(79 85 250)
- HSL
- hsl(238 94% 65%)
- HWB
- hwb(238 31% 2%)
- OKLCH
- oklch(0.552 0.24 273.7)
- OKLab
- oklab(0.552 0.016 -0.239)
- CIE Lab
- lab(44.3 38.92 -84.69)
- LCH
- lch(44.3 93.21 294.7)
- CMYK
- cmyk(68% 66% 0% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5C6AFD
- 6B7DFF
- 7B8FFF
- 8CA0FF
- 9EB0FF
- B0C0FF
- C3D0FF
- D7E0FF
- EBF0FF
Koyu tonlar
- 4449D9
- 383DBA
- 2E319B
- 23267D
- 191C61
- 101146
- 07082D
- 020215
- 000003
Gri tonlar
- 525DEE
- 5564E3
- 5A69D7
- 5E6ECB
- 6372BF
- 6976B3
- 6E79A7
- 747C9A
- 7A7E8E
Renk uyumları
Tamamlayıcı +180°
- 4F55FA
Warm Blue
- 887000
≈ Vermin Brown
Analog -30° +30°
- 4F55FA
Warm Blue
- 0078BB
≈ Bumangués Blue
- 9237E0
≈ Thick Purple
Üçlü +120° +240°
- 4F55FA
Warm Blue
- CC2D00
≈ Pleasant Pomegranate
- 00894A
≈ Real Turquoise
Bölünmüş tamamlayıcı +150° +210°
- 4F55FA
Warm Blue
- A45F00
≈ Raw Umber
- 627E00
≈ Birch Leaf Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.23:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.01:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--warm-blue: #4f55fa;
--warm-blue-rgb: 79 85 250;
--warm-blue-oklch: oklch(0.552 0.24 273.7);
}
.element {
color: var(--warm-blue);
background-color: hsl(238 94% 65%);
border-color: oklch(0.552 0.24 273.7);
}Tailwind CSS v4
@theme {
--color-warm-blue: #4f55fa;
--color-warm-blue-50: #e2f0ff;
--color-warm-blue-100: #d1e1ff;
--color-warm-blue-200: #b8caff;
--color-warm-blue-300: #98a8ff;
--color-warm-blue-400: #768aff;
--color-warm-blue-500: #5e66ff;
--color-warm-blue-600: #4f58f3;
--color-warm-blue-700: #3f46c3;
--color-warm-blue-800: #293493;
--color-warm-blue-900: #1b2368;
--color-warm-blue-950: #0d1049;
}SCSS
$warm-blue: #4f55fa;
$warm-blue-rgb: 79, 85, 250;
$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);
}