이름 색상 · #307D67
Trans Tasman
Trans Tasman은(는) #307D67: rgb(48 125 103), hsl(163 45% 34%), oklch(0.535 0.084 171.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Trans Tasman color name →
#307D67
oklch(0.535 0.084 171.2)
색상 변환
- HEX
- #307d67
- RGB
- rgb(48 125 103)
- HSL
- hsl(163 45% 34%)
- HWB
- hwb(163 19% 51%)
- OKLCH
- oklch(0.535 0.084 171.2)
- OKLab
- oklab(0.535 -0.083 0.013)
- CIE Lab
- lab(47.21 -29.04 4.64)
- LCH
- lch(47.21 29.4 170.9)
- CMYK
- cmyk(62% 0% 18% 51%)
틴트 · 셰이드 · 톤
틴트
- 488975
- 5D9683
- 72A392
- 86B0A1
- 9ABDB0
- AECABF
- C2D7CF
- D6E4DF
- EAF2EF
셰이드
- 286C59
- 215B4B
- 1A4B3D
- 133B30
- 0C2C23
- 061E17
- 03110C
- 010504
- 000100
톤
- 3B7D69
- 457E6C
- 4E7E6E
- 567F71
- 5E7F73
- 657F76
- 6C8078
- 73807B
- 7A807D
색 조화
보색 +180°
- 307D67
Trans Tasman
- 925973
≈ Carnation Festival
유사색 -30° +30°
- 307D67
Trans Tasman
- 517A4B
≈ Autumn Fern
- 1C7C81
≈ Macquarie
삼각 배색 +120° +240°
- 307D67
Trans Tasman
- 6E649A
≈ Scampi
- 945F3F
≈ Cinnamon Spice
분열 보색 +150° +210°
- 307D67
Trans Tasman
- 845D8B
≈ Crushed Grape
- 985958
≈ Walleye
사각 배색 +90° +180° +270°
- 307D67
Trans Tasman
- 526D9E
≈ Chesty Bond
- 925973
≈ Carnation Festival
- 86682F
≈ Hunting Jacket
대비 및 접근성
Ag
AA흰색 위
WCAG 4.93:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.25:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--trans-tasman: #307d67;
--trans-tasman-rgb: 48 125 103;
--trans-tasman-oklch: oklch(0.535 0.084 171.2);
}
.element {
color: var(--trans-tasman);
background-color: hsl(163 45% 34%);
border-color: oklch(0.535 0.084 171.2);
}Tailwind CSS v4
@theme {
--color-trans-tasman: #307d67;
--color-trans-tasman-50: #defdf3;
--color-trans-tasman-100: #cdf2e5;
--color-trans-tasman-200: #b0e0d1;
--color-trans-tasman-300: #8ac6b3;
--color-trans-tasman-400: #68af98;
--color-trans-tasman-500: #42987f;
--color-trans-tasman-600: #3a816b;
--color-trans-tasman-700: #2e6756;
--color-trans-tasman-800: #214c3d;
--color-trans-tasman-900: #16352a;
--color-trans-tasman-950: #062018;
}SCSS
$trans-tasman: #307d67;
$trans-tasman-rgb: 48, 125, 103;
$trans-tasman-light: mix(#fff, $trans-tasman, 20%);
$trans-tasman-dark: mix(#000, $trans-tasman, 20%);
.element {
color: $trans-tasman;
box-shadow: 0 0 0 2px rgba($trans-tasman, 0.35);
}