Named color · #2599B2
Pelorus
Pelorus is #2599B2: rgb(37 153 178), hsl(191 66% 42%), oklch(0.632 0.104 216.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Pelorus color name →
#2599B2
oklch(0.632 0.104 216.3)
Color conversions
- HEX
- #2599b2
- RGB
- rgb(37 153 178)
- HSL
- hsl(191 66% 42%)
- HWB
- hwb(191 15% 30%)
- OKLCH
- oklch(0.632 0.104 216.3)
- OKLab
- oklab(0.632 -0.083 -0.061)
- CIE Lab
- lab(57.99 -25.7 -22.58)
- LCH
- lch(57.99 34.21 221.3)
- CMYK
- cmyk(79% 14% 0% 30%)
Tints · Shades · Tones
Tints
- 46A3BA
- 5EADC1
- 74B8C9
- 89C2D1
- 9DCCD9
- B1D6E0
- C5E0E8
- D8EBF0
- ECF5F7
Shades
- 1F849A
- 197083
- 135D6D
- 0D4A57
- 083843
- 04272F
- 02171D
- 00080C
- 000101
Tones
- 3797AD
- 4594A8
- 4F92A3
- 58909E
- 618D99
- 688B94
- 6F888F
- 75858A
- 7B8385
Color harmonies
Complementary +180°
- 2599B2
Pelorus
- C0725D
≈ Cajun Spice
Analogous -30° +30°
- 2599B2
Pelorus
- 219E94
≈ Spectra Green
- 518FC5
≈ Azure Blue
Triadic +120° +240°
- 2599B2
Pelorus
- B171A1
≈ Orchid Kiss
- 9C8938
≈ Parsnip Root
Split-complementary +150° +210°
- 2599B2
Pelorus
- BF6E80
≈ Pink Manhattan
- B47C40
≈ Spruce Yellow
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.34:1 · APCA Lc 60
Ag
AAOn black
WCAG 6.27:1 · APCA Lc 41
Best text color: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Code snippets
CSS
:root {
--pelorus: #2599b2;
--pelorus-rgb: 37 153 178;
--pelorus-oklch: oklch(0.632 0.104 216.3);
}
.element {
color: var(--pelorus);
background-color: hsl(191 66% 42%);
border-color: oklch(0.632 0.104 216.3);
}Tailwind CSS v4
@theme {
--color-pelorus: #2599b2;
--color-pelorus-50: #d5fdff;
--color-pelorus-100: #c2f1ff;
--color-pelorus-200: #a2e0f2;
--color-pelorus-300: #77c5db;
--color-pelorus-400: #49aec6;
--color-pelorus-500: #0096b2;
--color-pelorus-600: #007f96;
--color-pelorus-700: #036679;
--color-pelorus-800: #004b58;
--color-pelorus-900: #02343e;
--color-pelorus-950: #001f27;
}SCSS
$pelorus: #2599b2;
$pelorus-rgb: 37, 153, 178;
$pelorus-light: mix(#fff, $pelorus, 20%);
$pelorus-dark: mix(#000, $pelorus, 20%);
.element {
color: $pelorus;
box-shadow: 0 0 0 2px rgba($pelorus, 0.35);
}