Najbliższy nazwany kolor · #3AA3F6
#3AA3F6
Najbliższy nazwany kolor: Cerulean
#3AA3F6 (rgb(58 163 246), hsl(206 91% 60%), oklch(0.694 0.154 246.7)) jest najbliższy nazwanemu kolorowi Cerulean. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3AA3F6
oklch(0.694 0.154 246.7)
Konwersje koloru
- HEX
- #3aa3f6
- RGB
- rgb(58 163 246)
- HSL
- hsl(206 91% 60%)
- HWB
- hwb(206 23% 4%)
- OKLCH
- oklch(0.694 0.154 246.7)
- OKLab
- oklab(0.694 -0.061 -0.142)
- CIE Lab
- lab(63.99 -9.25 -50.91)
- LCH
- lch(63.99 51.74 259.7)
- CMYK
- cmyk(76% 34% 0% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 54ADF8
- 6AB6F9
- 7EC0FB
- 91C9FC
- A4D2FD
- B7DBFE
- C9E4FE
- DBEDFF
- EDF6FF
Odcienie ciemniejsze
- 318DD6
- 2878B7
- 206398
- 184F7B
- 103C5F
- 092A45
- 04192C
- 010A15
- 000103
Tony
- 46A0EA
- 509DDE
- 599AD3
- 6096C7
- 6793BB
- 6D8FAF
- 728CA4
- 778898
- 7C848C
Harmonie kolorów
Komplementarna +180°
- 3AA3F6
Cerulean
- DB8600
≈ Fleur de Sel Caramel
Analogowa -30° +30°
- 3AA3F6
Cerulean
- 00AFCE
≈ Aquarius
- 8591FB
≈ Lavender Blue Shadow
Triada +120° +240°
- 3AA3F6
Cerulean
- EA6F8D
≈ Loveland
- 83AD34
≈ Young Bud
Komplementarna rozszczepiona +150° +210°
- 3AA3F6
Cerulean
- EB7554
≈ Koeksister
- B69B00
≈ Kalliene Yellow
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.70:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.74:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.74:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--cerulean: #3aa3f6;
--cerulean-rgb: 58 163 246;
--cerulean-oklch: oklch(0.694 0.154 246.7);
}
.element {
color: var(--cerulean);
background-color: hsl(206 91% 60%);
border-color: oklch(0.694 0.154 246.7);
}Tailwind CSS v4
@theme {
--color-cerulean: #3aa3f6;
--color-cerulean-50: #d4faff;
--color-cerulean-100: #c0edff;
--color-cerulean-200: #a0daff;
--color-cerulean-300: #75bdff;
--color-cerulean-400: #44a5f4;
--color-cerulean-500: #008be5;
--color-cerulean-600: #0076c1;
--color-cerulean-700: #005e9b;
--color-cerulean-800: #004673;
--color-cerulean-900: #003051;
--color-cerulean-950: #001c36;
}SCSS
$cerulean: #3aa3f6;
$cerulean-rgb: 58, 163, 246;
$cerulean-light: mix(#fff, $cerulean, 20%);
$cerulean-dark: mix(#000, $cerulean, 20%);
.element {
color: $cerulean;
box-shadow: 0 0 0 2px rgba($cerulean, 0.35);
}