Adlandırılmış renk · #00AAAA
Jade Orchid
Jade Orchid, #00AAAA: rgb(0 170 170), hsl(180 100% 33%), oklch(0.668 0.114 194.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Jade Orchid color name →
#00AAAA
oklch(0.668 0.114 194.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3DB3B2
- 5ABBBB
- 72C4C3
- 89CCCB
- 9DD5D4
- B1DDDC
- C5E6E5
- D9EEEE
- ECF7F6
Koyu tonlar
- 009393
- 007D7D
- 006868
- 005353
- 003F3F
- 002D2D
- 001B1B
- 000B0B
- 000101
Gri tonlar
- 2CA6A6
- 3EA2A2
- 4C9E9D
- 579A99
- 609695
- 689191
- 6F8D8C
- 758988
- 7B8484
Renk uyumları
Tamamlayıcı +180°
- 00AAAA
Jade Orchid
- D1767E
≈ Lotus Red
Analog -30° +30°
- 00AAAA
Jade Orchid
- 42AB83
≈ Shamrock Green
- 2DA3C9
≈ Sardinia Beaches
Üçlü +120° +240°
- 00AAAA
Jade Orchid
- AF7FC5
≈ Wisteria
- BE8A3A
≈ Peanut Butter
Bölünmüş tamamlayıcı +150° +210°
- 00AAAA
Jade Orchid
- C677A5
≈ Strawberry Freeze
- CE7D58
≈ Apricot Brown
Dörtlü +90° +180° +270°
- 00AAAA
Jade Orchid
- 8D8AD8
≈ Indigo Bloom
- D1767E
≈ Lotus Red
- A0983B
≈ Be Yourself
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.86:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.33:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.33:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
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);
}