Benoemde kleur · #2E9CBB
Sailfish
Sailfish is #2E9CBB: rgb(46 156 187), hsl(193 61% 46%), oklch(0.646 0.105 221.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Cyan mean? → · Sailfish color name →
#2E9CBB
oklch(0.646 0.105 221.2)
Kleurconversies
- HEX
- #2e9cbb
- RGB
- rgb(46 156 187)
- HSL
- hsl(193 61% 46%)
- HWB
- hwb(193 18% 27%)
- OKLCH
- oklch(0.646 0.105 221.2)
- OKLab
- oklab(0.646 -0.079 -0.069)
- CIE Lab
- lab(59.39 -23.64 -25.48)
- LCH
- lch(59.39 34.75 227.1)
- CMYK
- cmyk(75% 17% 0% 27%)
Tinten · Schaduwen · Tonen
Tinten
- 4BA6C2
- 63B0C9
- 78BAD0
- 8CC4D7
- A0CEDD
- B3D7E4
- C6E1EB
- D9EBF2
- ECF5F8
Schaduwen
- 2787A2
- 1F738A
- 185F73
- 124C5C
- 0B3946
- 062832
- 02181F
- 01090D
- 000102
Tonen
- 3D99B5
- 4997AF
- 5394A9
- 5B91A3
- 638F9E
- 6A8C98
- 708992
- 76868C
- 7B8386
Kleurharmonieën
Complementair +180°
- 2E9CBB
Sailfish
- C4775A
≈ Spanish Peanut
Analoog -30° +30°
- 2E9CBB
Sailfish
- 1EA29D
≈ Silken Jade
- 5B92CC
≈ Come Sail Away
Triadisch +120° +240°
- 2E9CBB
Sailfish
- B973A1
≈ Eccentric Magenta
- 9C903C
≈ Banana Leaf
Gesplitst complementair +150° +210°
- 2E9CBB
Sailfish
- C5727E
≈ Briar Rose
- B6823F
≈ Monarch Gold
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.18:1 · APCA Lc 59
Ag
AAOp zwart
WCAG 6.58:1 · APCA Lc 43
Beste tekstkleur: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
Codefragmenten
CSS
:root {
--sailfish: #2e9cbb;
--sailfish-rgb: 46 156 187;
--sailfish-oklch: oklch(0.646 0.105 221.2);
}
.element {
color: var(--sailfish);
background-color: hsl(193 61% 46%);
border-color: oklch(0.646 0.105 221.2);
}Tailwind CSS v4
@theme {
--color-sailfish: #2e9cbb;
--color-sailfish-50: #d6fdff;
--color-sailfish-100: #c3f0ff;
--color-sailfish-200: #a3dff5;
--color-sailfish-300: #78c4df;
--color-sailfish-400: #4badca;
--color-sailfish-500: #0095b7;
--color-sailfish-600: #047e9b;
--color-sailfish-700: #07657c;
--color-sailfish-800: #014b5b;
--color-sailfish-900: #023440;
--color-sailfish-950: #001f29;
}SCSS
$sailfish: #2e9cbb;
$sailfish-rgb: 46, 156, 187;
$sailfish-light: mix(#fff, $sailfish, 20%);
$sailfish-dark: mix(#000, $sailfish, 20%);
.element {
color: $sailfish;
box-shadow: 0 0 0 2px rgba($sailfish, 0.35);
}