이름 색상 · #276757
Terrestrial
Terrestrial은(는) #276757: rgb(39 103 87), hsl(165 45% 28%), oklch(0.468 0.071 173.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Terrestrial color name →
#276757
oklch(0.468 0.071 173.9)
색상 변환
- HEX
- #276757
- RGB
- rgb(39 103 87)
- HSL
- hsl(165 45% 28%)
- HWB
- hwb(165 15% 60%)
- OKLCH
- oklch(0.468 0.071 173.9)
- OKLab
- oklab(0.468 -0.07 0.007)
- CIE Lab
- lab(39.16 -24.59 2.65)
- LCH
- lch(39.16 24.74 173.9)
- CMYK
- cmyk(62% 0% 16% 60%)
틴트 · 셰이드 · 톤
틴트
- 3F7566
- 548476
- 699286
- 7EA196
- 93B1A7
- A8C0B8
- BDCFC9
- D3DFDB
- E9EFED
셰이드
- 20594B
- 1A4B3E
- 143D33
- 0E3027
- 08231C
- 041712
- 020C08
- 010403
- 000000
톤
- 336A5B
- 3D6C5F
- 466F63
- 4F7167
- 58746B
- 60766F
- 687973
- 707B78
- 787E7C
색 조화
보색 +180°
- 276757
Terrestrial
- 79495D
≈ Bewitching
유사색 -30° +30°
- 276757
Terrestrial
- 416540
≈ Friendly Fairway
- 1B656C
≈ Seamount
삼각 배색 +120° +240°
- 276757
Terrestrial
- 5C527E
≈ Freshly Purpleized
- 794F33
≈ Walnut Wood
분열 보색 +150° +210°
- 276757
Terrestrial
- 6E4C71
≈ Hyssop
- 7D4A47
≈ Tuscan Red
사각 배색 +90° +180° +270°
- 276757
Terrestrial
- 465A82
≈ Optimum Blue
- 79495D
≈ Bewitching
- 6D5728
≈ Horses Neck
대비 및 접근성
Ag
AA흰색 위
WCAG 6.63:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.16:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--terrestrial: #276757;
--terrestrial-rgb: 39 103 87;
--terrestrial-oklch: oklch(0.468 0.071 173.9);
}
.element {
color: var(--terrestrial);
background-color: hsl(165 45% 28%);
border-color: oklch(0.468 0.071 173.9);
}Tailwind CSS v4
@theme {
--color-terrestrial: #276757;
--color-terrestrial-50: #e1fcf4;
--color-terrestrial-100: #d0f0e7;
--color-terrestrial-200: #b6dfd3;
--color-terrestrial-300: #91c4b6;
--color-terrestrial-400: #71ac9b;
--color-terrestrial-500: #4f9682;
--color-terrestrial-600: #447f6e;
--color-terrestrial-700: #366558;
--color-terrestrial-800: #274a3f;
--color-terrestrial-900: #1a342c;
--color-terrestrial-950: #0a1f19;
}SCSS
$terrestrial: #276757;
$terrestrial-rgb: 39, 103, 87;
$terrestrial-light: mix(#fff, $terrestrial, 20%);
$terrestrial-dark: mix(#000, $terrestrial, 20%);
.element {
color: $terrestrial;
box-shadow: 0 0 0 2px rgba($terrestrial, 0.35);
}