Benannte Farbe · #218BA0
Waikiki
Waikiki ist #218BA0: rgb(33 139 160), hsl(190 66% 38%), oklch(0.589 0.095 214.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Waikiki color name →
#218BA0
oklch(0.589 0.095 214.7)
Farbumrechnungen
- HEX
- #218ba0
- RGB
- rgb(33 139 160)
- HSL
- hsl(190 66% 38%)
- HWB
- hwb(190 13% 37%)
- OKLCH
- oklch(0.589 0.095 214.7)
- OKLab
- oklab(0.589 -0.079 -0.054)
- CIE Lab
- lab(52.93 -24.44 -20.05)
- LCH
- lch(52.93 31.61 219.4)
- CMYK
- cmyk(79% 13% 0% 37%)
Tints · Shades · Tones
Tints
- 4196A9
- 5AA2B3
- 70ADBC
- 85B9C6
- 9AC4CF
- AED0D9
- C2DCE2
- D6E7EC
- EBF3F5
Shades
- 1B788B
- 166676
- 105461
- 0B434E
- 06323B
- 032329
- 011419
- 000709
- 000101
Tones
- 338A9D
- 40899A
- 4B8897
- 558793
- 5D8690
- 65858D
- 6C848A
- 738387
- 7A8183
Farbharmonien
Komplementär +180°
- 218BA0
Waikiki
- AE6756
≈ Aragon
Analog -30° +30°
- 218BA0
Waikiki
- 228F84
≈ Ocean Liner
- 4883B2
≈ Steel Blue
Triadisch +120° +240°
- 218BA0
Waikiki
- A06794
≈ Mauve Memento
- 8F7C33
≈ Koke Moss
Geteilt komplementär +150° +210°
- 218BA0
Waikiki
- AC6476
≈ Apple II Rose
- A4703B
≈ Splinter
Tetradisch +90° +180° +270°
- 218BA0
Waikiki
- 8A6EAB
≈ Fairy Wren
- AE6756
≈ Aragon
- 708745
≈ Green Suede
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.98:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.26:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.26:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--waikiki: #218ba0;
--waikiki-rgb: 33 139 160;
--waikiki-oklch: oklch(0.589 0.095 214.7);
}
.element {
color: var(--waikiki);
background-color: hsl(190 66% 38%);
border-color: oklch(0.589 0.095 214.7);
}Tailwind CSS v4
@theme {
--color-waikiki: #218ba0;
--color-waikiki-50: #d8fdff;
--color-waikiki-100: #c5f1fd;
--color-waikiki-200: #a6dfef;
--color-waikiki-300: #7dc4d7;
--color-waikiki-400: #52adc1;
--color-waikiki-500: #1796ad;
--color-waikiki-600: #197f92;
--color-waikiki-700: #156575;
--color-waikiki-800: #0b4b56;
--color-waikiki-900: #07343c;
--color-waikiki-950: #001f26;
}SCSS
$waikiki: #218ba0;
$waikiki-rgb: 33, 139, 160;
$waikiki-light: mix(#fff, $waikiki, 20%);
$waikiki-dark: mix(#000, $waikiki, 20%);
.element {
color: $waikiki;
box-shadow: 0 0 0 2px rgba($waikiki, 0.35);
}