이름 색상 · #65869B
Seal Pup
Seal Pup은(는) #65869B: rgb(101 134 155), hsl(203 21% 50%), oklch(0.603 0.049 236.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Seal Pup color name →
#65869B
oklch(0.603 0.049 236.6)
색상 변환
- HEX
- #65869b
- RGB
- rgb(101 134 155)
- HSL
- hsl(203 21% 50%)
- HWB
- hwb(203 40% 39%)
- OKLCH
- oklch(0.603 0.049 236.6)
- OKLab
- oklab(0.603 -0.027 -0.041)
- CIE Lab
- lab(54 -8 -15.24)
- LCH
- lch(54 17.21 242.3)
- CMYK
- cmyk(35% 14% 0% 39%)
틴트 · 셰이드 · 톤
틴트
- 7492A5
- 839DAF
- 92A9B8
- A1B5C2
- B0C1CC
- BFCDD6
- CFD9E0
- DFE6EB
- EFF2F5
셰이드
- 577486
- 496272
- 3C515E
- 2F404B
- 223039
- 172128
- 0C1318
- 030609
- 000101
톤
- 688598
- 6B8596
- 6E8493
- 718490
- 73838E
- 76838B
- 788288
- 7B8186
- 7E8183
색 조화
보색 +180°
- 65869B
Seal Pup
- 987A65
≈ Fudge Bar
유사색 -30° +30°
- 65869B
Seal Pup
- 5D8A90
≈ Dusty Turquoise
- 74819F
≈ Positively Purple
삼각 배색 +120° +240°
- 65869B
Seal Pup
- 9A7582
≈ Dusk Wine
- 7F8564
≈ Zipline Green
분열 보색 +150° +210°
- 65869B
Seal Pup
- 9D7671
≈ Southern Road
- 8E7F5F
≈ Mushroom Forest
사각 배색 +90° +180° +270°
- 65869B
Seal Pup
- 917791
≈ Passion Fruit
- 987A65
≈ Fudge Bar
- 6E8970
≈ Wonderland
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.86:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.43:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--seal-pup: #65869b;
--seal-pup-rgb: 101 134 155;
--seal-pup-oklch: oklch(0.603 0.049 236.6);
}
.element {
color: var(--seal-pup);
background-color: hsl(203 21% 50%);
border-color: oklch(0.603 0.049 236.6);
}Tailwind CSS v4
@theme {
--color-seal-pup: #65869b;
--color-seal-pup-50: #e9f8ff;
--color-seal-pup-100: #daebf7;
--color-seal-pup-200: #c2d8e7;
--color-seal-pup-300: #a1bcce;
--color-seal-pup-400: #83a3b8;
--color-seal-pup-500: #678ca3;
--color-seal-pup-600: #57768a;
--color-seal-pup-700: #465f6e;
--color-seal-pup-800: #324551;
--color-seal-pup-900: #223038;
--color-seal-pup-950: #111c23;
}SCSS
$seal-pup: #65869b;
$seal-pup-rgb: 101, 134, 155;
$seal-pup-light: mix(#fff, $seal-pup, 20%);
$seal-pup-dark: mix(#000, $seal-pup, 20%);
.element {
color: $seal-pup;
box-shadow: 0 0 0 2px rgba($seal-pup, 0.35);
}