이름 색상 · #354A55
Sea Kelp
Sea Kelp은(는) #354A55: rgb(53 74 85), hsl(201 23% 27%), oklch(0.396 0.032 231.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sea Kelp color name →
#354A55
oklch(0.396 0.032 231.4)
색상 변환
- HEX
- #354a55
- RGB
- rgb(53 74 85)
- HSL
- hsl(201 23% 27%)
- HWB
- hwb(201 21% 67%)
- OKLCH
- oklch(0.396 0.032 231.4)
- OKLab
- oklab(0.396 -0.02 -0.025)
- CIE Lab
- lab(30.04 -6.1 -9.34)
- LCH
- lch(30.04 11.15 236.8)
- CMYK
- cmyk(38% 13% 0% 67%)
틴트 · 셰이드 · 톤
틴트
- 475A64
- 5A6B74
- 6D7C85
- 808E95
- 94A0A6
- A9B2B7
- BEC5C9
- D3D8DB
- E9EBED
셰이드
- 2D3F49
- 25353D
- 1D2A31
- 152026
- 0E171C
- 080E11
- 030608
- 010202
- 000000
톤
- 3C4F59
- 44545D
- 4B5A62
- 525F66
- 5A656A
- 616A6F
- 696F73
- 717577
- 787A7C
색 조화
보색 +180°
- 354A55
Sea Kelp
- 554237
≈ Roasted Kona
유사색 -30° +30°
- 354A55
Sea Kelp
- 324C4E
≈ Pallasite Blue
- 3D4758
≈ Very Navy
삼각 배색 +120° +240°
- 354A55
Sea Kelp
- 554049
≈ Punchit Purple
- 474934
≈ Rifle Green
분열 보색 +150° +210°
- 354A55
Sea Kelp
- 57403F
≈ Laurel Nut Brown
- 4F4533
≈ Limonite Brown
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.28:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.26:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.28:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--sea-kelp: #354a55;
--sea-kelp-rgb: 53 74 85;
--sea-kelp-oklch: oklch(0.396 0.032 231.4);
}
.element {
color: var(--sea-kelp);
background-color: hsl(201 23% 27%);
border-color: oklch(0.396 0.032 231.4);
}Tailwind CSS v4
@theme {
--color-sea-kelp: #354a55;
--color-sea-kelp-50: #edf7fd;
--color-sea-kelp-100: #deeaf1;
--color-sea-kelp-200: #c8d7e0;
--color-sea-kelp-300: #a8bbc5;
--color-sea-kelp-400: #8ca2ae;
--color-sea-kelp-500: #718a98;
--color-sea-kelp-600: #607580;
--color-sea-kelp-700: #4d5e67;
--color-sea-kelp-800: #37454b;
--color-sea-kelp-900: #262f34;
--color-sea-kelp-950: #141c20;
}SCSS
$sea-kelp: #354a55;
$sea-kelp-rgb: 53, 74, 85;
$sea-kelp-light: mix(#fff, $sea-kelp, 20%);
$sea-kelp-dark: mix(#000, $sea-kelp, 20%);
.element {
color: $sea-kelp;
box-shadow: 0 0 0 2px rgba($sea-kelp, 0.35);
}