이름 색상 · #00AAAA
Jade Orchid
Jade Orchid은(는) #00AAAA: rgb(0 170 170), hsl(180 100% 33%), oklch(0.668 0.114 194.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Jade Orchid color name →
#00AAAA
oklch(0.668 0.114 194.8)
색상 변환
- HEX
- #00aaaa
- RGB
- rgb(0 170 170)
- HSL
- hsl(180 100% 33%)
- HWB
- hwb(180 0% 33%)
- OKLCH
- oklch(0.668 0.114 194.8)
- OKLab
- oklab(0.668 -0.11 -0.029)
- CIE Lab
- lab(62.72 -37.39 -11.04)
- LCH
- lch(62.72 38.98 196.5)
- CMYK
- cmyk(100% 0% 0% 33%)
틴트 · 셰이드 · 톤
틴트
- 3DB3B2
- 5ABBBB
- 72C4C3
- 89CCCB
- 9DD5D4
- B1DDDC
- C5E6E5
- D9EEEE
- ECF7F6
셰이드
- 009393
- 007D7D
- 006868
- 005353
- 003F3F
- 002D2D
- 001B1B
- 000B0B
- 000101
톤
- 2CA6A6
- 3EA2A2
- 4C9E9D
- 579A99
- 609695
- 689191
- 6F8D8C
- 758988
- 7B8484
색 조화
보색 +180°
- 00AAAA
Jade Orchid
- D1767E
≈ Lotus Red
유사색 -30° +30°
- 00AAAA
Jade Orchid
- 42AB83
≈ Shamrock Green
- 2DA3C9
≈ Sardinia Beaches
삼각 배색 +120° +240°
- 00AAAA
Jade Orchid
- AF7FC5
≈ Wisteria
- BE8A3A
≈ Peanut Butter
분열 보색 +150° +210°
- 00AAAA
Jade Orchid
- C677A5
≈ Strawberry Freeze
- CE7D58
≈ Apricot Brown
사각 배색 +90° +180° +270°
- 00AAAA
Jade Orchid
- 8D8AD8
≈ Indigo Bloom
- D1767E
≈ Lotus Red
- A0983B
≈ Be Yourself
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.86:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.33:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.33:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--jade-orchid: #00aaaa;
--jade-orchid-rgb: 0 170 170;
--jade-orchid-oklch: oklch(0.668 0.114 194.8);
}
.element {
color: var(--jade-orchid);
background-color: hsl(180 100% 33%);
border-color: oklch(0.668 0.114 194.8);
}Tailwind CSS v4
@theme {
--color-jade-orchid: #00aaaa;
--color-jade-orchid-50: #d0ffff;
--color-jade-orchid-100: #bcf4f5;
--color-jade-orchid-200: #99e4e5;
--color-jade-orchid-300: #69cacb;
--color-jade-orchid-400: #30b3b3;
--color-jade-orchid-500: #009d9d;
--color-jade-orchid-600: #008485;
--color-jade-orchid-700: #006a6a;
--color-jade-orchid-800: #004e4d;
--color-jade-orchid-900: #003635;
--color-jade-orchid-950: #002121;
}SCSS
$jade-orchid: #00aaaa;
$jade-orchid-rgb: 0, 170, 170;
$jade-orchid-light: mix(#fff, $jade-orchid, 20%);
$jade-orchid-dark: mix(#000, $jade-orchid, 20%);
.element {
color: $jade-orchid;
box-shadow: 0 0 0 2px rgba($jade-orchid, 0.35);
}