En yakın adlandırılmış renk · #3E6DE3
#3E6DE3
En yakın adlandırılmış renk: Bluetiful
#3E6DE3 (rgb(62 109 227), hsl(223 75% 57%), oklch(0.568 0.187 264.7)) en çok Bluetiful 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.
#3E6DE3
oklch(0.568 0.187 264.7)
Renk dönüşümleri
- HEX
- #3e6de3
- RGB
- rgb(62 109 227)
- HSL
- hsl(223 75% 57%)
- HWB
- hwb(223 24% 11%)
- OKLCH
- oklch(0.568 0.187 264.7)
- OKLab
- oklab(0.568 -0.017 -0.186)
- CIE Lab
- lab(47.87 15.56 -66.07)
- LCH
- lch(47.87 67.87 283.3)
- CMYK
- cmyk(73% 52% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 507DE7
- 628CEB
- 759BEF
- 88AAF2
- 9BB8F5
- AFC6F8
- C2D5FA
- D6E3FC
- EBF1FE
Koyu tonlar
- 355EC5
- 2B4FA8
- 23418C
- 1A3371
- 122657
- 0A193F
- 040D27
- 010412
- 000103
Gri tonlar
- 4570DA
- 4C73D0
- 5276C7
- 5978BD
- 607AB3
- 667CA9
- 6D7D9F
- 737E95
- 7A7F8B
Renk uyumları
Tamamlayıcı +180°
- 3E6DE3
Bluetiful
- 967000
≈ Sandy Taupe
Analog -30° +30°
- 3E6DE3
Bluetiful
- 0081B3
≈ Primal Blue
- 8158D7
≈ Gloomy Purple
Üçlü +120° +240°
- 3E6DE3
Bluetiful
- CE383A
≈ Chef’s Kiss
- 009023
≈ Emerald
Bölünmüş tamamlayıcı +150° +210°
- 3E6DE3
Bluetiful
- B45B00
≈ Elm Brown Red
- 757F00
≈ Verde Tropa
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.66:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--bluetiful: #3e6de3;
--bluetiful-rgb: 62 109 227;
--bluetiful-oklch: oklch(0.568 0.187 264.7);
}
.element {
color: var(--bluetiful);
background-color: hsl(223 75% 57%);
border-color: oklch(0.568 0.187 264.7);
}Tailwind CSS v4
@theme {
--color-bluetiful: #3e6de3;
--color-bluetiful-50: #ddf5ff;
--color-bluetiful-100: #cbe7ff;
--color-bluetiful-200: #b0d2ff;
--color-bluetiful-300: #8cb3ff;
--color-bluetiful-400: #6698ff;
--color-bluetiful-500: #467bff;
--color-bluetiful-600: #3c69d8;
--color-bluetiful-700: #3054ad;
--color-bluetiful-800: #1d3e82;
--color-bluetiful-900: #132b5c;
--color-bluetiful-950: #05173f;
}SCSS
$bluetiful: #3e6de3;
$bluetiful-rgb: 62, 109, 227;
$bluetiful-light: mix(#fff, $bluetiful, 20%);
$bluetiful-dark: mix(#000, $bluetiful, 20%);
.element {
color: $bluetiful;
box-shadow: 0 0 0 2px rgba($bluetiful, 0.35);
}