Najbliższy nazwany kolor · #2C94A4
#2C94A4
Najbliższy nazwany kolor: Oasis
#2C94A4 (rgb(44 148 164), hsl(188 58% 41%), oklch(0.616 0.094 210)) jest najbliższy nazwanemu kolorowi Oasis. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#2C94A4
oklch(0.616 0.094 210)
Konwersje koloru
- HEX
- #2c94a4
- RGB
- rgb(44 148 164)
- HSL
- hsl(188 58% 41%)
- HWB
- hwb(188 17% 36%)
- OKLCH
- oklch(0.616 0.094 210)
- OKLab
- oklab(0.616 -0.082 -0.047)
- CIE Lab
- lab(56.13 -26.12 -17.46)
- LCH
- lch(56.13 31.42 213.8)
- CMYK
- cmyk(73% 10% 0% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 499FAD
- 60A9B6
- 75B4BF
- 8ABEC8
- 9EC9D1
- B1D4DA
- C5DFE3
- D8E9EC
- ECF4F6
Odcienie ciemniejsze
- 25808E
- 1E6D79
- 175A64
- 114850
- 0A363D
- 05262B
- 02161A
- 01080A
- 000101
Tony
- 3B92A0
- 47909D
- 518F99
- 598D96
- 618B92
- 68898F
- 6F878B
- 758487
- 7B8284
Harmonie kolorów
Komplementarna +180°
- 2C94A4
Oasis
- B76F63
≈ Hacienda Tile
Analogowa -30° +30°
Triada +120° +240°
- 2C94A4
Oasis
- A570A0
≈ Violet Femmes
- 9B823C
≈ Wild Olive
Komplementarna rozszczepiona +150° +210°
- 2C94A4
Oasis
- B36C82
≈ Pink Hibiscus
- AE7748
≈ Meerkat
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.57:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.87:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.87:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--oasis: #2c94a4;
--oasis-rgb: 44 148 164;
--oasis-oklch: oklch(0.616 0.094 210);
}
.element {
color: var(--oasis);
background-color: hsl(188 58% 41%);
border-color: oklch(0.616 0.094 210);
}Tailwind CSS v4
@theme {
--color-oasis: #2c94a4;
--color-oasis-50: #d8fdff;
--color-oasis-100: #c5f1fa;
--color-oasis-200: #a6e0ec;
--color-oasis-300: #7cc5d3;
--color-oasis-400: #52aebd;
--color-oasis-500: #1597a8;
--color-oasis-600: #187f8e;
--color-oasis-700: #146672;
--color-oasis-800: #0b4b53;
--color-oasis-900: #07343a;
--color-oasis-950: #002024;
}SCSS
$oasis: #2c94a4;
$oasis-rgb: 44, 148, 164;
$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);
}