Nächste benannte Farbe · #2F92A2
#2F92A2
Nächste benannte Farbe: Oasis
#2F92A2 (rgb(47 146 162), hsl(188 55% 41%), oklch(0.611 0.092 210.5)) liegt am nächsten an der benannten Farbe Oasis. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#2F92A2
oklch(0.611 0.092 210.5)
Farbumrechnungen
- HEX
- #2f92a2
- RGB
- rgb(47 146 162)
- HSL
- hsl(188 55% 41%)
- HWB
- hwb(188 18% 36%)
- OKLCH
- oklch(0.611 0.092 210.5)
- OKLab
- oklab(0.611 -0.079 -0.046)
- CIE Lab
- lab(55.51 -25.27 -17.25)
- LCH
- lch(55.51 30.59 214.3)
- CMYK
- cmyk(71% 10% 0% 36%)
Tints · Shades · Tones
Tints
- 4A9DAB
- 61A7B4
- 76B2BD
- 8ABDC7
- 9EC8D0
- B1D3D9
- C5DEE3
- D8E9EC
- ECF4F6
Shades
- 277E8C
- 206B77
- 195863
- 12464F
- 0C353C
- 06252A
- 031619
- 01080A
- 000101
Tones
- 3D909F
- 488F9B
- 518D98
- 5A8B95
- 618A91
- 68888E
- 6F868A
- 758487
- 7B8283
Farbharmonien
Komplementär +180°
- 2F92A2
Oasis
- B46E62
≈ Water Persimmon
Analog -30° +30°
- 2F92A2
Oasis
- 369586
≈ Azure Tide
- 4C8AB5
≈ Blueberry Festival
Triadisch +120° +240°
- 2F92A2
Oasis
- A36F9D
≈ Violet Femmes
- 98813D
≈ Wild Olive
Geteilt komplementär +150° +210°
- 2F92A2
Oasis
- B16B81
≈ Crushed Raspberry
- AB7648
≈ Meerkat
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.64:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.75:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.75:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--oasis: #2f92a2;
--oasis-rgb: 47 146 162;
--oasis-oklch: oklch(0.611 0.092 210.5);
}
.element {
color: var(--oasis);
background-color: hsl(188 55% 41%);
border-color: oklch(0.611 0.092 210.5);
}Tailwind CSS v4
@theme {
--color-oasis: #2f92a2;
--color-oasis-50: #d8fdff;
--color-oasis-100: #c6f1fa;
--color-oasis-200: #a7dfeb;
--color-oasis-300: #7ec4d3;
--color-oasis-400: #55adbd;
--color-oasis-500: #1f96a8;
--color-oasis-600: #1f7f8e;
--color-oasis-700: #196672;
--color-oasis-800: #0f4b53;
--color-oasis-900: #09343a;
--color-oasis-950: #001f24;
}SCSS
$oasis: #2f92a2;
$oasis-rgb: 47, 146, 162;
$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);
}