En yakın adlandırılmış renk · #417F90
#417F90
En yakın adlandırılmış renk: Mysterious Blue
#417F90 (rgb(65 127 144), hsl(193 38% 41%), oklch(0.562 0.069 217.9)) en çok Mysterious 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.
#417F90
oklch(0.562 0.069 217.9)
Renk dönüşümleri
- HEX
- #417f90
- RGB
- rgb(65 127 144)
- HSL
- hsl(193 38% 41%)
- HWB
- hwb(193 25% 44%)
- OKLCH
- oklch(0.562 0.069 217.9)
- OKLab
- oklab(0.562 -0.054 -0.042)
- CIE Lab
- lab(49.59 -17.04 -15.73)
- LCH
- lch(49.59 23.19 222.7)
- CMYK
- cmyk(55% 12% 0% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 558B9B
- 6898A6
- 7BA4B0
- 8DB1BB
- A0BEC6
- B3CAD2
- C6D7DD
- D9E4E8
- ECF2F4
Koyu tonlar
- 376E7D
- 2E5D6A
- 254C57
- 1C3C45
- 132D34
- 0B1F24
- 051115
- 010607
- 000101
Gri tonlar
- 497F8E
- 507F8D
- 57808B
- 5E808A
- 648088
- 6A8087
- 708085
- 758083
- 7B8082
Renk uyumları
Tamamlayıcı +180°
- 417F90
Mysterious Blue
- 996757
≈ Bucking Bronco
Analog -30° +30°
- 417F90
Mysterious Blue
- 3F827C
≈ Bubble Turquoise
- 54799C
≈ Storm Blue
Üçlü +120° +240°
- 417F90
Mysterious Blue
- 906583
≈ Rust Magenta
- 807645
≈ Peppered Moss
Bölünmüş tamamlayıcı +150° +210°
- 417F90
Mysterious Blue
- 98646D
≈ Soft Bromeliad
- 906D48
≈ Tanned Wood
Dörtlü +90° +180° +270°
- 417F90
Mysterious Blue
- 806A95
≈ Ornate
- 996757
≈ Bucking Bronco
- 697D51
≈ Mint Leaves
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.66:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--mysterious-blue: #417f90;
--mysterious-blue-rgb: 65 127 144;
--mysterious-blue-oklch: oklch(0.562 0.069 217.9);
}
.element {
color: var(--mysterious-blue);
background-color: hsl(193 38% 41%);
border-color: oklch(0.562 0.069 217.9);
}Tailwind CSS v4
@theme {
--color-mysterious-blue: #417f90;
--color-mysterious-blue-50: #e1faff;
--color-mysterious-blue-100: #d0eef8;
--color-mysterious-blue-200: #b5dce9;
--color-mysterious-blue-300: #90c0d0;
--color-mysterious-blue-400: #6ea9ba;
--color-mysterious-blue-500: #4c91a5;
--color-mysterious-blue-600: #417b8b;
--color-mysterious-blue-700: #34626f;
--color-mysterious-blue-800: #244852;
--color-mysterious-blue-900: #183239;
--color-mysterious-blue-950: #081e23;
}SCSS
$mysterious-blue: #417f90;
$mysterious-blue-rgb: 65, 127, 144;
$mysterious-blue-light: mix(#fff, $mysterious-blue, 20%);
$mysterious-blue-dark: mix(#000, $mysterious-blue, 20%);
.element {
color: $mysterious-blue;
box-shadow: 0 0 0 2px rgba($mysterious-blue, 0.35);
}