En yakın adlandırılmış renk · #759AE3
#759AE3
En yakın adlandırılmış renk: Wisteria Blue
#759AE3 (rgb(117 154 227), hsl(220 66% 67%), oklch(0.689 0.116 263.2)) en çok Wisteria 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.
#759AE3
oklch(0.689 0.116 263.2)
Renk dönüşümleri
- HEX
- #759ae3
- RGB
- rgb(117 154 227)
- HSL
- hsl(220 66% 67%)
- HWB
- hwb(220 46% 11%)
- OKLCH
- oklch(0.689 0.116 263.2)
- OKLab
- oklab(0.689 -0.014 -0.115)
- CIE Lab
- lab(63.16 2.02 -41.59)
- LCH
- lch(63.16 41.64 272.8)
- CMYK
- cmyk(48% 32% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 82A4E6
- 90AEEA
- 9DB8ED
- ABC3F0
- B8CDF3
- C6D7F6
- D4E1F8
- E2EBFB
- F1F5FD
Koyu tonlar
- 6585C5
- 5571A8
- 465E8C
- 374B71
- 293957
- 1C273F
- 0F1727
- 050912
- 010103
Gri tonlar
- 7698D9
- 7895CF
- 7993C5
- 7A90BB
- 7B8EB2
- 7C8BA8
- 7D899E
- 7E8694
- 7F838A
Renk uyumları
Tamamlayıcı +180°
- 759AE3
Wisteria Blue
- BE943C
≈ Wheat Beer
Analog -30° +30°
- 759AE3
Wisteria Blue
- 43A7D7
≈ Blue Astro
- 9E8DDC
≈ Middy’s Purple
Üçlü +120° +240°
- 759AE3
Wisteria Blue
- DA7D79
≈ Cranapple
- 6EAE6B
≈ Ferntastic
Bölünmüş tamamlayıcı +150° +210°
- 759AE3
Wisteria Blue
- D38653
≈ Flaming Torch
- 9BA347
≈ Fresh Apple
Dörtlü +90° +180° +270°
- 759AE3
Wisteria Blue
- D27CA1
≈ Little Bow Pink
- BE943C
≈ Wheat Beer
- 37B294
≈ Walk in the Woods
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.48:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--wisteria-blue: #759ae3;
--wisteria-blue-rgb: 117 154 227;
--wisteria-blue-oklch: oklch(0.689 0.116 263.2);
}
.element {
color: var(--wisteria-blue);
background-color: hsl(220 66% 67%);
border-color: oklch(0.689 0.116 263.2);
}Tailwind CSS v4
@theme {
--color-wisteria-blue: #759ae3;
--color-wisteria-blue-50: #e5f5ff;
--color-wisteria-blue-100: #d5e8ff;
--color-wisteria-blue-200: #bcd4ff;
--color-wisteria-blue-300: #9bb7f3;
--color-wisteria-blue-400: #7a9ee3;
--color-wisteria-blue-500: #5d84d3;
--color-wisteria-blue-600: #4f70b2;
--color-wisteria-blue-700: #3f598f;
--color-wisteria-blue-800: #2b426a;
--color-wisteria-blue-900: #1d2d4b;
--color-wisteria-blue-950: #0d1a31;
}SCSS
$wisteria-blue: #759ae3;
$wisteria-blue-rgb: 117, 154, 227;
$wisteria-blue-light: mix(#fff, $wisteria-blue, 20%);
$wisteria-blue-dark: mix(#000, $wisteria-blue, 20%);
.element {
color: $wisteria-blue;
box-shadow: 0 0 0 2px rgba($wisteria-blue, 0.35);
}