Dichtstbijzijnde benoemde kleur · #008BA5
#008BA5
Dichtstbijzijnde benoemde kleur: Waikiki
#008BA5 (rgb(0 139 165), hsl(189 100% 32%), oklch(0.587 0.105 217.1)) komt het dichtst bij de benoemde kleur Waikiki. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#008BA5
oklch(0.587 0.105 217.1)
Kleurconversies
- HEX
- #008ba5
- RGB
- rgb(0 139 165)
- HSL
- hsl(189 100% 32%)
- HWB
- hwb(189 0% 35%)
- OKLCH
- oklch(0.587 0.105 217.1)
- OKLab
- oklab(0.587 -0.084 -0.063)
- CIE Lab
- lab(52.72 -25.35 -23.27)
- LCH
- lch(52.72 34.41 222.5)
- CMYK
- cmyk(100% 16% 0% 35%)
Tinten · Schaduwen · Tonen
Tinten
- 3696AE
- 52A2B7
- 6AAEC0
- 80B9C9
- 96C5D2
- ABD0DB
- C0DCE4
- D5E8ED
- EAF3F6
Schaduwen
- 00788F
- 006679
- 005465
- 004351
- 00323D
- 00232B
- 00141A
- 00070A
- 000101
Tonen
- 268AA1
- 37899E
- 45889A
- 508797
- 5A8693
- 62858F
- 6A848B
- 728388
- 798184
Kleurharmonieën
Complementair +180°
- 008BA5
Waikiki
- B1654E
≈ Bruschetta
Analoog -30° +30°
- 008BA5
Waikiki
- 009087
≈ Nifty Turquoise
- 4481B7
≈ Steel Blue
Triadisch +120° +240°
- 008BA5
Waikiki
- A46393
≈ Exotic Bloom
- 8E7C27
≈ Mossy Meadow
Gesplitst complementair +150° +210°
- 008BA5
Waikiki
- B06071
≈ Pretty Peony
- A66F2F
≈ Inca Gold
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.01:1 · APCA Lc 67
Ag
AAOp zwart
WCAG 5.23:1 · APCA Lc 35
Beste tekstkleur: #000000
WCAG 5.23:1 (AA) · APCA Lc 35
Contrast pairs
Codefragmenten
CSS
:root {
--waikiki: #008ba5;
--waikiki-rgb: 0 139 165;
--waikiki-oklch: oklch(0.587 0.105 217.1);
}
.element {
color: var(--waikiki);
background-color: hsl(189 100% 32%);
border-color: oklch(0.587 0.105 217.1);
}Tailwind CSS v4
@theme {
--color-waikiki: #008ba5;
--color-waikiki-50: #d5fdff;
--color-waikiki-100: #c2f1ff;
--color-waikiki-200: #a1e0f3;
--color-waikiki-300: #76c5dc;
--color-waikiki-400: #48aec7;
--color-waikiki-500: #0096b3;
--color-waikiki-600: #007f97;
--color-waikiki-700: #006679;
--color-waikiki-800: #004b59;
--color-waikiki-900: #01343e;
--color-waikiki-950: #001f27;
}SCSS
$waikiki: #008ba5;
$waikiki-rgb: 0, 139, 165;
$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);
}