이름 색상 · #274A5D
Arapawa
Arapawa은(는) #274A5D: rgb(39 74 93), hsl(201 41% 26%), oklch(0.391 0.052 234). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Arapawa color name →
#274A5D
oklch(0.391 0.052 234)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 3B5A6C
- 4F6B7B
- 647D8B
- 798E9B
- 8EA0AB
- A4B3BB
- BAC5CC
- D1D8DD
- E8EBEE
셰이드
- 203F50
- 1A3543
- 142A37
- 0E202A
- 08171F
- 040E14
- 02060A
- 010203
- 000000
톤
- 304F61
- 395564
- 425A68
- 4B5F6B
- 54656F
- 5D6A72
- 657076
- 6E7579
- 777B7D
색 조화
보색 +180°
- 274A5D
Arapawa
- 5B3E2A
≈ Peat Brown
유사색 -30° +30°
- 274A5D
Arapawa
- 1D4D52
≈ Immersed
- 374562
≈ Stay the Night
삼각 배색 +120° +240°
- 274A5D
Arapawa
- 5B3A47
≈ Enchantress
- 454927
≈ Nori Seaweed Green
분열 보색 +150° +210°
- 274A5D
Arapawa
- 5E3A38
≈ Pa Red
- 534323
≈ Clove Yellow Brown
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.44:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.22:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.44:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
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);
}