En yakın adlandırılmış renk · #3A92A1
#3A92A1
En yakın adlandırılmış renk: Oasis
#3A92A1 (rgb(58 146 161), hsl(189 47% 43%), oklch(0.613 0.086 210.6)) en çok Oasis 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.
#3A92A1
oklch(0.613 0.086 210.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 529DAA
- 67A7B3
- 7BB2BD
- 8EBDC6
- A1C8CF
- B4D3D9
- C6DEE2
- D9E9EC
- ECF4F5
Koyu tonlar
- 317E8B
- 286B76
- 205862
- 18464E
- 10353C
- 09252A
- 041619
- 010809
- 000101
Gri tonlar
- 45909E
- 4E8F9A
- 568D97
- 5E8B94
- 648A91
- 6B888D
- 70868A
- 768487
- 7B8283
Renk uyumları
Tamamlayıcı +180°
- 3A92A1
Oasis
- B27065
≈ Terra Cotta Urn
Analog -30° +30°
- 3A92A1
Oasis
- 3F9587
≈ Highlands
- 528BB3
≈ Alpha Blue
Üçlü +120° +240°
- 3A92A1
Oasis
- A2719C
≈ Drama Queen
- 988244
≈ G.I.
Bölünmüş tamamlayıcı +150° +210°
- 3A92A1
Oasis
- AF6E81
≈ Shade of Mauve
- AA784D
≈ Brown Sugar
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.61:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.80:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.80:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
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);
}