이름 색상 · #335E6F
Flowing River
Flowing River은(는) #335E6F: rgb(51 94 111), hsl(197 37% 32%), oklch(0.458 0.055 225.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Flowing River color name →
#335E6F
oklch(0.458 0.055 225.7)
색상 변환
- HEX
- #335e6f
- RGB
- rgb(51 94 111)
- HSL
- hsl(197 37% 32%)
- HWB
- hwb(197 20% 56%)
- OKLCH
- oklch(0.458 0.055 225.7)
- OKLab
- oklab(0.458 -0.039 -0.04)
- CIE Lab
- lab(37.34 -11.59 -14.6)
- LCH
- lch(37.34 18.64 231.5)
- CMYK
- cmyk(54% 15% 0% 56%)
틴트 · 셰이드 · 톤
틴트
- 476D7D
- 5A7C8A
- 6E8C98
- 829BA6
- 96ABB5
- AABCC3
- BFCCD2
- D4DDE1
- E9EEF0
셰이드
- 2B5160
- 234451
- 1C3742
- 142B34
- 0D1F27
- 07141A
- 030A0E
- 010304
- 000001
톤
- 3C6171
- 446573
- 4C6874
- 536C76
- 5B6F78
- 627379
- 6A767B
- 71797D
- 797D7E
색 조화
보색 +180°
- 335E6F
Flowing River
- 724E3D
≈ Brown Velvet
유사색 -30° +30°
- 335E6F
Flowing River
- 2E6161
≈ Calypso Green
- 435976
≈ Carter’s Scroll
삼각 배색 +120° +240°
- 335E6F
Flowing River
- 6E4B5E
≈ Prussian Plum
- 5B5934
≈ Base Camp
분열 보색 +150° +210°
- 335E6F
Flowing River
- 734B4D
≈ Madder
- 695333
≈ Ancient Olive
사각 배색 +90° +180° +270°
- 335E6F
Flowing River
- 644E6D
≈ Futaai Indigo
- 724E3D
≈ Brown Velvet
- 4A5F40
≈ Bavarian
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.06:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.97:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.06:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--flowing-river: #335e6f;
--flowing-river-rgb: 51 94 111;
--flowing-river-oklch: oklch(0.458 0.055 225.7);
}
.element {
color: var(--flowing-river);
background-color: hsl(197 37% 32%);
border-color: oklch(0.458 0.055 225.7);
}Tailwind CSS v4
@theme {
--color-flowing-river: #335e6f;
--color-flowing-river-50: #e6f9ff;
--color-flowing-river-100: #d6ecf7;
--color-flowing-river-200: #bddae7;
--color-flowing-river-300: #9bbece;
--color-flowing-river-400: #7ca6b7;
--color-flowing-river-500: #5d8ea2;
--color-flowing-river-600: #4f7889;
--color-flowing-river-700: #3f606e;
--color-flowing-river-800: #2d4751;
--color-flowing-river-900: #1e3138;
--color-flowing-river-950: #0e1d23;
}SCSS
$flowing-river: #335e6f;
$flowing-river-rgb: 51, 94, 111;
$flowing-river-light: mix(#fff, $flowing-river, 20%);
$flowing-river-dark: mix(#000, $flowing-river, 20%);
.element {
color: $flowing-river;
box-shadow: 0 0 0 2px rgba($flowing-river, 0.35);
}