Màu có tên gần nhất · #00B6AD
#00B6AD
Màu có tên gần nhất: Super Rare Jade
#00B6AD (rgb(0 182 173), hsl(177 100% 36%), oklch(0.7 0.121 188.5)) gần nhất với màu có tên Super Rare Jade. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#00B6AD
oklch(0.7 0.121 188.5)
Chuyển đổi màu
- HEX
- #00b6ad
- RGB
- rgb(0 182 173)
- HSL
- hsl(177 100% 36%)
- HWB
- hwb(177 0% 29%)
- OKLCH
- oklch(0.7 0.121 188.5)
- OKLab
- oklab(0.7 -0.12 -0.018)
- CIE Lab
- lab(66.57 -41.42 -7.02)
- LCH
- lch(66.57 42.01 189.6)
- CMYK
- cmyk(100% 0% 5% 29%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3FBEB5
- 5DC5BD
- 76CCC5
- 8CD4CD
- A0DBD5
- B4E2DE
- C7EAE6
- DAF1EE
- EDF8F7
Sắc đậm
- 009E96
- 00867F
- 006F6A
- 005955
- 004441
- 00302D
- 001D1B
- 000C0B
- 000201
Sắc xám
- 2EB1A8
- 41ABA4
- 4EA69F
- 59A19B
- 629B96
- 6A9692
- 70918D
- 768B89
- 7B8684
Hòa sắc
Bổ túc +180°
- 00B6AD
Super Rare Jade
- DE7D8F
≈ Hot Gossip
Tương đồng -30° +30°
- 00B6AD
Super Rare Jade
- 51B582
≈ Jade Cream
- 1CB0D1
≈ Aquarius
Bộ ba +120° +240°
- 00B6AD
Super Rare Jade
- B489D8
≈ Middy’s Purple
- CF8F41
≈ Hey Honey!
Bổ túc chia +150° +210°
- 00B6AD
Super Rare Jade
- CF7FB8
≈ Peruvian Lily
- DE8265
≈ Sohi Orange
Bộ bốn +90° +180° +270°
- 00B6AD
Super Rare Jade
- 8E96E9
≈ Perrywinkle
- DE7D8F
≈ Hot Gossip
- B29F3A
≈ Martian
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.53:1 · APCA Lc 49
Ag
AAATrên nền đen
WCAG 8.29:1 · APCA Lc 53
Màu chữ tốt nhất: #000000
WCAG 8.29:1 (AAA) · APCA Lc 53
Contrast pairs
Đoạn mã
CSS
:root {
--super-rare-jade: #00b6ad;
--super-rare-jade-rgb: 0 182 173;
--super-rare-jade-oklch: oklch(0.7 0.121 188.5);
}
.element {
color: var(--super-rare-jade);
background-color: hsl(177 100% 36%);
border-color: oklch(0.7 0.121 188.5);
}Tailwind CSS v4
@theme {
--color-super-rare-jade: #00b6ad;
--color-super-rare-jade-50: #cefffd;
--color-super-rare-jade-100: #b9f6f1;
--color-super-rare-jade-200: #95e5e0;
--color-super-rare-jade-300: #63cbc6;
--color-super-rare-jade-400: #22b5ac;
--color-super-rare-jade-500: #009f96;
--color-super-rare-jade-600: #00867f;
--color-super-rare-jade-700: #006c65;
--color-super-rare-jade-800: #004f49;
--color-super-rare-jade-900: #003733;
--color-super-rare-jade-950: #00221e;
}SCSS
$super-rare-jade: #00b6ad;
$super-rare-jade-rgb: 0, 182, 173;
$super-rare-jade-light: mix(#fff, $super-rare-jade, 20%);
$super-rare-jade-dark: mix(#000, $super-rare-jade, 20%);
.element {
color: $super-rare-jade;
box-shadow: 0 0 0 2px rgba($super-rare-jade, 0.35);
}