Najbliższy nazwany kolor · #3E6DE3
#3E6DE3
Najbliższy nazwany kolor: Bluetiful
#3E6DE3 (rgb(62 109 227), hsl(223 75% 57%), oklch(0.568 0.187 264.7)) jest najbliższy nazwanemu kolorowi Bluetiful. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3E6DE3
oklch(0.568 0.187 264.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 507DE7
- 628CEB
- 759BEF
- 88AAF2
- 9BB8F5
- AFC6F8
- C2D5FA
- D6E3FC
- EBF1FE
Odcienie ciemniejsze
- 355EC5
- 2B4FA8
- 23418C
- 1A3371
- 122657
- 0A193F
- 040D27
- 010412
- 000103
Tony
- 4570DA
- 4C73D0
- 5276C7
- 5978BD
- 607AB3
- 667CA9
- 6D7D9F
- 737E95
- 7A7F8B
Harmonie kolorów
Komplementarna +180°
- 3E6DE3
Bluetiful
- 967000
≈ Sandy Taupe
Analogowa -30° +30°
- 3E6DE3
Bluetiful
- 0081B3
≈ Primal Blue
- 8158D7
≈ Gloomy Purple
Triada +120° +240°
- 3E6DE3
Bluetiful
- CE383A
≈ Chef’s Kiss
- 009023
≈ Emerald
Komplementarna rozszczepiona +150° +210°
- 3E6DE3
Bluetiful
- B45B00
≈ Elm Brown Red
- 757F00
≈ Verde Tropa
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.66:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.50:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
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);
}