이름 색상 · #006669
Joyful Tears
Joyful Tears은(는) #006669: rgb(0 102 105), hsl(182 100% 21%), oklch(0.463 0.079 198.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Joyful Tears color name →
#006669
oklch(0.463 0.079 198.3)
색상 변환
- HEX
- #006669
- RGB
- rgb(0 102 105)
- HSL
- hsl(182 100% 21%)
- HWB
- hwb(182 0% 59%)
- OKLCH
- oklch(0.463 0.079 198.3)
- OKLab
- oklab(0.463 -0.075 -0.025)
- CIE Lab
- lab(38.52 -25.05 -9.33)
- LCH
- lch(38.52 26.73 200.4)
- CMYK
- cmyk(100% 3% 0% 59%)
틴트 · 셰이드 · 톤
틴트
- 2C7477
- 478385
- 5E9294
- 75A1A2
- 8CB0B1
- A3C0C0
- B9CFD0
- D0DFDF
- E8EFEF
셰이드
- 00585A
- 004A4C
- 003C3E
- 002F31
- 002324
- 001718
- 000C0C
- 000404
- 000000
톤
- 1E696B
- 2E6C6E
- 3B6E70
- 467172
- 517475
- 5B7677
- 657979
- 6E7B7B
- 777E7E
색 조화
보색 +180°
- 006669
Joyful Tears
- 7F4648
≈ Casandra
유사색 -30° +30°
- 006669
Joyful Tears
- 216751
≈ Celtic Green
- 1C617C
≈ Blue Sapphire
삼각 배색 +120° +240°
- 006669
Joyful Tears
- 6B4A75
≈ Hyssop
- 71531F
≈ Field Drab
분열 보색 +150° +210°
- 006669
Joyful Tears
- 794660
≈ Scintillating Violet
- 7C4B30
≈ Urban Auburn
사각 배색 +90° +180° +270°
- 006669
Joyful Tears
- 575182
≈ Freshly Purpleized
- 7F4648
≈ Casandra
- 5D5C22
≈ Costa Del Sol
대비 및 접근성
Ag
AA흰색 위
WCAG 6.76:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.10:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.76:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--joyful-tears: #006669;
--joyful-tears-rgb: 0 102 105;
--joyful-tears-oklch: oklch(0.463 0.079 198.3);
}
.element {
color: var(--joyful-tears);
background-color: hsl(182 100% 21%);
border-color: oklch(0.463 0.079 198.3);
}Tailwind CSS v4
@theme {
--color-joyful-tears: #006669;
--color-joyful-tears-50: #dcfdfe;
--color-joyful-tears-100: #caf0f2;
--color-joyful-tears-200: #addfe2;
--color-joyful-tears-300: #87c4c7;
--color-joyful-tears-400: #62adaf;
--color-joyful-tears-500: #389699;
--color-joyful-tears-600: #327f82;
--color-joyful-tears-700: #286668;
--color-joyful-tears-800: #1b4b4b;
--color-joyful-tears-900: #123434;
--color-joyful-tears-950: #041f20;
}SCSS
$joyful-tears: #006669;
$joyful-tears-rgb: 0, 102, 105;
$joyful-tears-light: mix(#fff, $joyful-tears, 20%);
$joyful-tears-dark: mix(#000, $joyful-tears, 20%);
.element {
color: $joyful-tears;
box-shadow: 0 0 0 2px rgba($joyful-tears, 0.35);
}