Warna bernama terdekat · #2D95A1
#2D95A1
Warna bernama terdekat: Oasis
#2D95A1 (rgb(45 149 161), hsl(186 56% 40%), oklch(0.617 0.093 206.3)) paling mendekati warna bernama Oasis. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#2D95A1
oklch(0.617 0.093 206.3)
Konversi warna
- HEX
- #2d95a1
- RGB
- rgb(45 149 161)
- HSL
- hsl(186 56% 40%)
- HWB
- hwb(186 18% 37%)
- OKLCH
- oklch(0.617 0.093 206.3)
- OKLab
- oklab(0.617 -0.083 -0.041)
- CIE Lab
- lab(56.38 -27.18 -15.38)
- LCH
- lch(56.38 31.23 209.5)
- CMYK
- cmyk(72% 7% 0% 37%)
Tint · Shade · Tone
Tint
- 499FAA
- 61AAB3
- 76B4BD
- 8ABFC6
- 9ECACF
- B2D4D9
- C5DFE2
- D8EAEC
- ECF4F5
Shade
- 26818B
- 1F6D76
- 185A62
- 11484E
- 0B373C
- 06262A
- 021619
- 010809
- 000101
Tone
- 3C939E
- 47919A
- 518F97
- 5A8D94
- 618B91
- 68898D
- 6F878A
- 758587
- 7B8283
Harmoni warna
Komplementer +180°
- 2D95A1
Oasis
- B76F67
≈ Hacienda Tile
Analog -30° +30°
Triadik +120° +240°
- 2D95A1
Oasis
- A371A3
≈ Violet Femmes
- 9E813E
≈ Wild Olive
Split-komplementer +150° +210°
- 2D95A1
Oasis
- B26D87
≈ Pink Hibiscus
- B0764C
≈ Copper Mine
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.54:1 · APCA Lc 63
Ag
AADi atas hitam
WCAG 5.92:1 · APCA Lc 39
Warna teks terbaik: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Cuplikan kode
CSS
:root {
--oasis: #2d95a1;
--oasis-rgb: 45 149 161;
--oasis-oklch: oklch(0.617 0.093 206.3);
}
.element {
color: var(--oasis);
background-color: hsl(186 56% 40%);
border-color: oklch(0.617 0.093 206.3);
}Tailwind CSS v4
@theme {
--color-oasis: #2d95a1;
--color-oasis-50: #d8fdff;
--color-oasis-100: #c5f1f8;
--color-oasis-200: #a6e0e9;
--color-oasis-300: #7cc5d0;
--color-oasis-400: #52aeba;
--color-oasis-500: #1697a5;
--color-oasis-600: #19808b;
--color-oasis-700: #14666f;
--color-oasis-800: #0b4b51;
--color-oasis-900: #083439;
--color-oasis-950: #002023;
}SCSS
$oasis: #2d95a1;
$oasis-rgb: 45, 149, 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);
}