가장 가까운 이름 색상 · #277068
#277068
가장 가까운 이름 색상: Pine Scented Lagoon
#277068(rgb(39 112 104), hsl(173 48% 30%), oklch(0.498 0.073 185))와 가장 가까운 이름 색상은 Pine Scented Lagoon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#277068
oklch(0.498 0.073 185)
색상 변환
- HEX
- #277068
- RGB
- rgb(39 112 104)
- HSL
- hsl(173 48% 30%)
- HWB
- hwb(173 15% 56%)
- OKLCH
- oklch(0.498 0.073 185)
- OKLab
- oklab(0.498 -0.072 -0.006)
- CIE Lab
- lab(42.62 -24.99 -2.58)
- LCH
- lch(42.62 25.12 185.9)
- CMYK
- cmyk(65% 0% 7% 56%)
틴트 · 셰이드 · 톤
틴트
- 407E76
- 568B84
- 6B9993
- 80A7A1
- 95B6B0
- AAC4C0
- BFD2CF
- D4E1DF
- E9F0EF
셰이드
- 206059
- 1A514B
- 14433E
- 0E3530
- 082724
- 041A18
- 020E0C
- 010404
- 000100
톤
- 34726A
- 3E736D
- 48756F
- 517772
- 597874
- 627A76
- 697C79
- 717D7B
- 797F7E
색 조화
보색 +180°
- 277068
Pine Scented Lagoon
- 86515D
≈ Crushed Berry
유사색 -30° +30°
- 277068
Pine Scented Lagoon
- 3E6F50
≈ Fairway
- 276D7C
≈ Billabong
삼각 배색 +120° +240°
- 277068
Pine Scented Lagoon
- 6C5884
≈ Mystical
- 7F5A34
≈ Rubber
분열 보색 +150° +210°
- 277068
Pine Scented Lagoon
- 7C5373
≈ Opulent Ostrich
- 875346
≈ Red Hook
사각 배색 +90° +180° +270°
- 277068
Pine Scented Lagoon
- 565F8C
≈ Karmic Grape
- 86515D
≈ Crushed Berry
- 70622F
≈ Himalaya
대비 및 접근성
Ag
AA흰색 위
WCAG 5.82:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.60:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.82:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--pine-scented-lagoon: #277068;
--pine-scented-lagoon-rgb: 39 112 104;
--pine-scented-lagoon-oklch: oklch(0.498 0.073 185);
}
.element {
color: var(--pine-scented-lagoon);
background-color: hsl(173 48% 30%);
border-color: oklch(0.498 0.073 185);
}Tailwind CSS v4
@theme {
--color-pine-scented-lagoon: #277068;
--color-pine-scented-lagoon-50: #dffcf8;
--color-pine-scented-lagoon-100: #cef0ec;
--color-pine-scented-lagoon-200: #b2dfd9;
--color-pine-scented-lagoon-300: #8dc4bd;
--color-pine-scented-lagoon-400: #6bada4;
--color-pine-scented-lagoon-500: #46968c;
--color-pine-scented-lagoon-600: #3d7f77;
--color-pine-scented-lagoon-700: #30665f;
--color-pine-scented-lagoon-800: #224b45;
--color-pine-scented-lagoon-900: #17342f;
--color-pine-scented-lagoon-950: #071f1c;
}SCSS
$pine-scented-lagoon: #277068;
$pine-scented-lagoon-rgb: 39, 112, 104;
$pine-scented-lagoon-light: mix(#fff, $pine-scented-lagoon, 20%);
$pine-scented-lagoon-dark: mix(#000, $pine-scented-lagoon, 20%);
.element {
color: $pine-scented-lagoon;
box-shadow: 0 0 0 2px rgba($pine-scented-lagoon, 0.35);
}