이름 색상 · #2E5F60
Calypso Green
Calypso Green은(는) #2E5F60: rgb(46 95 96), hsl(181 35% 28%), oklch(0.452 0.053 197.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Calypso Green color name →
#2E5F60
oklch(0.452 0.053 197.2)
색상 변환
- HEX
- #2e5f60
- RGB
- rgb(46 95 96)
- HSL
- hsl(181 35% 28%)
- HWB
- hwb(181 18% 62%)
- OKLCH
- oklch(0.452 0.053 197.2)
- OKLab
- oklab(0.452 -0.051 -0.016)
- CIE Lab
- lab(36.97 -17.06 -5.98)
- LCH
- lch(36.97 18.08 199.3)
- CMYK
- cmyk(52% 1% 0% 62%)
틴트 · 셰이드 · 톤
틴트
- 436E6F
- 577D7E
- 6B8C8D
- 7F9C9C
- 94ACAC
- A9BCBC
- BECCCD
- D3DDDD
- E9EEEE
셰이드
- 275252
- 1F4445
- 183838
- 122C2C
- 0B2020
- 061515
- 020A0A
- 010303
- 000000
톤
- 386263
- 406666
- 496969
- 516C6D
- 597070
- 617373
- 697676
- 71797A
- 787D7D
색 조화
보색 +180°
- 2E5F60
Calypso Green
- 704A4B
≈ Marron
유사색 -30° +30°
- 2E5F60
Calypso Green
- 375F50
≈ Amish Green
- 345C6D
≈ Flowing River
삼각 배색 +120° +240°
- 2E5F60
Calypso Green
- 624D69
≈ Futaai Indigo
- 665233
≈ Wild Chocolate
분열 보색 +150° +210°
- 2E5F60
Calypso Green
- 6C4A5B
≈ Prussian Plum
- 6F4D3C
≈ Arabic Coffee
사각 배색 +90° +180° +270°
- 2E5F60
Calypso Green
- 545172
≈ Exotic Evening
- 704A4B
≈ Marron
- 595835
≈ Maze
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.18:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.92:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.18:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--calypso-green: #2e5f60;
--calypso-green-rgb: 46 95 96;
--calypso-green-oklch: oklch(0.452 0.053 197.2);
}
.element {
color: var(--calypso-green);
background-color: hsl(181 35% 28%);
border-color: oklch(0.452 0.053 197.2);
}Tailwind CSS v4
@theme {
--color-calypso-green: #2e5f60;
--color-calypso-green-50: #e5fafb;
--color-calypso-green-100: #d4eeef;
--color-calypso-green-200: #bbdcdd;
--color-calypso-green-300: #98c0c2;
--color-calypso-green-400: #79a9a9;
--color-calypso-green-500: #5a9192;
--color-calypso-green-600: #4d7b7c;
--color-calypso-green-700: #3d6263;
--color-calypso-green-800: #2c4848;
--color-calypso-green-900: #1d3232;
--color-calypso-green-950: #0d1e1e;
}SCSS
$calypso-green: #2e5f60;
$calypso-green-rgb: 46, 95, 96;
$calypso-green-light: mix(#fff, $calypso-green, 20%);
$calypso-green-dark: mix(#000, $calypso-green, 20%);
.element {
color: $calypso-green;
box-shadow: 0 0 0 2px rgba($calypso-green, 0.35);
}