Named color · #274A5D
Arapawa
Arapawa is #274A5D: rgb(39 74 93), hsl(201 41% 26%), oklch(0.391 0.052 234). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Arapawa color name →
#274A5D
oklch(0.391 0.052 234)
Color conversions
- HEX
- #274a5d
- RGB
- rgb(39 74 93)
- HSL
- hsl(201 41% 26%)
- HWB
- hwb(201 15% 64%)
- OKLCH
- oklch(0.391 0.052 234)
- OKLab
- oklab(0.391 -0.03 -0.042)
- CIE Lab
- lab(29.47 -8.47 -15.39)
- LCH
- lch(29.47 17.56 241.2)
- CMYK
- cmyk(58% 20% 0% 64%)
Tints · Shades · Tones
Tints
- 3B5A6C
- 4F6B7B
- 647D8B
- 798E9B
- 8EA0AB
- A4B3BB
- BAC5CC
- D1D8DD
- E8EBEE
Shades
- 203F50
- 1A3543
- 142A37
- 0E202A
- 08171F
- 040E14
- 02060A
- 010203
- 000000
Tones
- 304F61
- 395564
- 425A68
- 4B5F6B
- 54656F
- 5D6A72
- 657076
- 6E7579
- 777B7D
Color harmonies
Complementary +180°
- 274A5D
Arapawa
- 5B3E2A
≈ Peat Brown
Analogous -30° +30°
- 274A5D
Arapawa
- 1D4D52
≈ Immersed
- 374562
≈ Stay the Night
Triadic +120° +240°
- 274A5D
Arapawa
- 5B3A47
≈ Enchantress
- 454927
≈ Nori Seaweed Green
Split-complementary +150° +210°
- 274A5D
Arapawa
- 5E3A38
≈ Pa Red
- 534323
≈ Clove Yellow Brown
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 9.44:1 · APCA Lc 92
Ag
FailOn black
WCAG 2.22:1 · APCA Lc 11
Best text color: #FFFFFF
WCAG 9.44:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--arapawa: #274a5d;
--arapawa-rgb: 39 74 93;
--arapawa-oklch: oklch(0.391 0.052 234);
}
.element {
color: var(--arapawa);
background-color: hsl(201 41% 26%);
border-color: oklch(0.391 0.052 234);
}Tailwind CSS v4
@theme {
--color-arapawa: #274a5d;
--color-arapawa-50: #e8f8ff;
--color-arapawa-100: #d8ebf7;
--color-arapawa-200: #c0d8e8;
--color-arapawa-300: #9fbccf;
--color-arapawa-400: #81a4b9;
--color-arapawa-500: #648ca4;
--color-arapawa-600: #55778a;
--color-arapawa-700: #445f6f;
--color-arapawa-800: #304651;
--color-arapawa-900: #203039;
--color-arapawa-950: #101c23;
}SCSS
$arapawa: #274a5d;
$arapawa-rgb: 39, 74, 93;
$arapawa-light: mix(#fff, $arapawa, 20%);
$arapawa-dark: mix(#000, $arapawa, 20%);
.element {
color: $arapawa;
box-shadow: 0 0 0 2px rgba($arapawa, 0.35);
}