이름 색상 · #2A7279
King Tide
King Tide은(는) #2A7279: rgb(42 114 121), hsl(185 48% 32%), oklch(0.511 0.071 204.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · King Tide color name →
#2A7279
oklch(0.511 0.071 204.2)
색상 변환
- HEX
- #2a7279
- RGB
- rgb(42 114 121)
- HSL
- hsl(185 48% 32%)
- HWB
- hwb(185 16% 53%)
- OKLCH
- oklch(0.511 0.071 204.2)
- OKLab
- oklab(0.511 -0.065 -0.029)
- CIE Lab
- lab(43.85 -21.32 -10.9)
- LCH
- lch(43.85 23.95 207.1)
- CMYK
- cmyk(65% 6% 0% 53%)
틴트 · 셰이드 · 톤
틴트
- 427F86
- 588D92
- 6D9B9F
- 82A9AD
- 96B7BA
- ABC5C7
- C0D3D5
- D5E2E3
- EAF0F1
셰이드
- 236268
- 1C5358
- 164448
- 103639
- 0A282B
- 051B1D
- 020E10
- 010405
- 000101
톤
- 36747A
- 41757B
- 4A777B
- 53787C
- 5B797D
- 637B7D
- 6A7C7E
- 727E7F
- 797F7F
색 조화
보색 +180°
- 2A7279
King Tide
- 8B5652
≈ Toile Red
유사색 -30° +30°
- 2A7279
King Tide
- 347463
≈ Nordic Forest
- 396D89
≈ Astral
삼각 배색 +120° +240°
- 2A7279
King Tide
- 7B587D
≈ Dr Who
- 796334
≈ Twig Basket
분열 보색 +150° +210°
- 2A7279
King Tide
- 865569
≈ Private Tone
- 865B3E
≈ Potter’s Pot
사각 배색 +90° +180° +270°
- 2A7279
King Tide
- 685E8B
≈ Kimberly
- 8B5652
≈ Toile Red
- 656B3A
≈ Globe Artichoke
대비 및 접근성
Ag
AA흰색 위
WCAG 5.55:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.78:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--king-tide: #2a7279;
--king-tide-rgb: 42 114 121;
--king-tide-oklch: oklch(0.511 0.071 204.2);
}
.element {
color: var(--king-tide);
background-color: hsl(185 48% 32%);
border-color: oklch(0.511 0.071 204.2);
}Tailwind CSS v4
@theme {
--color-king-tide: #2a7279;
--color-king-tide-50: #dffbff;
--color-king-tide-100: #ceeff4;
--color-king-tide-200: #b2dee3;
--color-king-tide-300: #8cc2c9;
--color-king-tide-400: #6aabb2;
--color-king-tide-500: #45949c;
--color-king-tide-600: #3b7d84;
--color-king-tide-700: #2f646a;
--color-king-tide-800: #214a4d;
--color-king-tide-900: #163335;
--color-king-tide-950: #061f21;
}SCSS
$king-tide: #2a7279;
$king-tide-rgb: 42, 114, 121;
$king-tide-light: mix(#fff, $king-tide, 20%);
$king-tide-dark: mix(#000, $king-tide, 20%);
.element {
color: $king-tide;
box-shadow: 0 0 0 2px rgba($king-tide, 0.35);
}