En yakın adlandırılmış renk · #2F59AA
#2F59AA
En yakın adlandırılmış renk: Blasphemous Blue
#2F59AA (rgb(47 89 170), hsl(220 57% 43%), oklch(0.479 0.138 262)) en çok Blasphemous 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.
#2F59AA
oklch(0.479 0.138 262)
Renk dönüşümleri
- HEX
- #2f59aa
- RGB
- rgb(47 89 170)
- HSL
- hsl(220 57% 43%)
- HWB
- hwb(220 18% 33%)
- OKLCH
- oklch(0.479 0.138 262)
- OKLab
- oklab(0.479 -0.019 -0.137)
- CIE Lab
- lab(38.25 7.45 -48.75)
- LCH
- lch(38.25 49.32 278.7)
- CMYK
- cmyk(72% 48% 0% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 436AB3
- 567ABD
- 6A8AC6
- 7E9BCE
- 93ABD7
- A8BCDF
- BDCCE8
- D3DDF0
- E9EEF7
Koyu tonlar
- 274C93
- 20407D
- 193468
- 122853
- 0C1D3F
- 06132D
- 03091B
- 01030B
- 000001
Gri tonlar
- 385EA6
- 4062A3
- 48679F
- 506B9B
- 586F97
- 607293
- 68768E
- 70798A
- 787D85
Renk uyumları
Tamamlayıcı +180°
- 2F59AA
Blasphemous Blue
- 795700
≈ Qahvei Brown
Analog -30° +30°
- 2F59AA
Blasphemous Blue
- 00668A
≈ Pulsating Blue
- 614AA3
≈ Ultrapurple Merge
Üçlü +120° +240°
- 2F59AA
Blasphemous Blue
- 9C3438
≈ Milano Red
- 236F1D
≈ Bogey Green
Bölünmüş tamamlayıcı +150° +210°
- 2F59AA
Blasphemous Blue
- 914500
≈ Korichnewyi Brown
- 5F6200
≈ Kirchner Green
Dörtlü +90° +180° +270°
- 2F59AA
Blasphemous Blue
- 943565
≈ Powder Red
- 795700
≈ Qahvei Brown
- 006E57
≈ Teal Dark Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.70:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.13:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--blasphemous-blue: #2f59aa;
--blasphemous-blue-rgb: 47 89 170;
--blasphemous-blue-oklch: oklch(0.479 0.138 262);
}
.element {
color: var(--blasphemous-blue);
background-color: hsl(220 57% 43%);
border-color: oklch(0.479 0.138 262);
}Tailwind CSS v4
@theme {
--color-blasphemous-blue: #2f59aa;
--color-blasphemous-blue-50: #e1f6ff;
--color-blasphemous-blue-100: #d1e8ff;
--color-blasphemous-blue-200: #b6d4ff;
--color-blasphemous-blue-300: #93b7ff;
--color-blasphemous-blue-400: #719df0;
--color-blasphemous-blue-500: #5183e1;
--color-blasphemous-blue-600: #456fbe;
--color-blasphemous-blue-700: #375998;
--color-blasphemous-blue-800: #244172;
--color-blasphemous-blue-900: #182d50;
--color-blasphemous-blue-950: #091a35;
}SCSS
$blasphemous-blue: #2f59aa;
$blasphemous-blue-rgb: 47, 89, 170;
$blasphemous-blue-light: mix(#fff, $blasphemous-blue, 20%);
$blasphemous-blue-dark: mix(#000, $blasphemous-blue, 20%);
.element {
color: $blasphemous-blue;
box-shadow: 0 0 0 2px rgba($blasphemous-blue, 0.35);
}