Najbliższy nazwany kolor · #3A92A1
#3A92A1
Najbliższy nazwany kolor: Oasis
#3A92A1 (rgb(58 146 161), hsl(189 47% 43%), oklch(0.613 0.086 210.6)) jest najbliższy nazwanemu kolorowi Oasis. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3A92A1
oklch(0.613 0.086 210.6)
Konwersje koloru
- HEX
- #3a92a1
- RGB
- rgb(58 146 161)
- HSL
- hsl(189 47% 43%)
- HWB
- hwb(189 23% 37%)
- OKLCH
- oklch(0.613 0.086 210.6)
- OKLab
- oklab(0.613 -0.074 -0.044)
- CIE Lab
- lab(55.79 -23.63 -16.21)
- LCH
- lch(55.79 28.65 214.5)
- CMYK
- cmyk(64% 9% 0% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 529DAA
- 67A7B3
- 7BB2BD
- 8EBDC6
- A1C8CF
- B4D3D9
- C6DEE2
- D9E9EC
- ECF4F5
Odcienie ciemniejsze
- 317E8B
- 286B76
- 205862
- 18464E
- 10353C
- 09252A
- 041619
- 010809
- 000101
Tony
- 45909E
- 4E8F9A
- 568D97
- 5E8B94
- 648A91
- 6B888D
- 70868A
- 768487
- 7B8283
Harmonie kolorów
Komplementarna +180°
- 3A92A1
Oasis
- B27065
≈ Terra Cotta Urn
Analogowa -30° +30°
- 3A92A1
Oasis
- 3F9587
≈ Highlands
- 528BB3
≈ Alpha Blue
Triada +120° +240°
- 3A92A1
Oasis
- A2719C
≈ Drama Queen
- 988244
≈ G.I.
Komplementarna rozszczepiona +150° +210°
- 3A92A1
Oasis
- AF6E81
≈ Shade of Mauve
- AA784D
≈ Brown Sugar
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.61:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.80:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.80:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--oasis: #3a92a1;
--oasis-rgb: 58 146 161;
--oasis-oklch: oklch(0.613 0.086 210.6);
}
.element {
color: var(--oasis);
background-color: hsl(189 47% 43%);
border-color: oklch(0.613 0.086 210.6);
}Tailwind CSS v4
@theme {
--color-oasis: #3a92a1;
--color-oasis-50: #dafcff;
--color-oasis-100: #c8f0f9;
--color-oasis-200: #abdfea;
--color-oasis-300: #83c3d1;
--color-oasis-400: #5cacbb;
--color-oasis-500: #2e95a6;
--color-oasis-600: #2a7e8c;
--color-oasis-700: #216570;
--color-oasis-800: #154a52;
--color-oasis-900: #0e3439;
--color-oasis-950: #011f24;
}SCSS
$oasis: #3a92a1;
$oasis-rgb: 58, 146, 161;
$oasis-light: mix(#fff, $oasis, 20%);
$oasis-dark: mix(#000, $oasis, 20%);
.element {
color: $oasis;
box-shadow: 0 0 0 2px rgba($oasis, 0.35);
}