En yakın adlandırılmış renk · #00B7AD
#00B7AD
En yakın adlandırılmış renk: Super Rare Jade
#00B7AD (rgb(0 183 173), hsl(177 100% 36%), oklch(0.702 0.122 187.9)) en çok Super Rare Jade adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#00B7AD
oklch(0.702 0.122 187.9)
Renk dönüşümleri
- HEX
- #00b7ad
- RGB
- rgb(0 183 173)
- HSL
- hsl(177 100% 36%)
- HWB
- hwb(177 0% 28%)
- OKLCH
- oklch(0.702 0.122 187.9)
- OKLab
- oklab(0.702 -0.121 -0.017)
- CIE Lab
- lab(66.89 -41.81 -6.56)
- LCH
- lch(66.89 42.32 188.9)
- CMYK
- cmyk(100% 0% 5% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 40BEB5
- 5EC6BD
- 76CDC5
- 8CD4CD
- A0DCD5
- B4E3DE
- C7EAE6
- DAF1EE
- EDF8F7
Koyu tonlar
- 009F96
- 00877F
- 00706A
- 005A55
- 004541
- 00312D
- 001E1B
- 000C0B
- 000201
Gri tonlar
- 2EB2A8
- 41ACA4
- 4FA79F
- 59A19B
- 629C96
- 6A9692
- 70918D
- 768B89
- 7B8684
Renk uyumları
Tamamlayıcı +180°
- 00B7AD
Super Rare Jade
- DF7D91
≈ Bella Pink
Analog -30° +30°
- 00B7AD
Super Rare Jade
- 53B681
≈ Jade Cream
- 19B1D1
≈ Aquarius
Üçlü +120° +240°
- 00B7AD
Super Rare Jade
- B48ADA
≈ Middy’s Purple
- D18F42
≈ Hey Honey!
Bölünmüş tamamlayıcı +150° +210°
- 00B7AD
Super Rare Jade
- D080BA
≈ Peruvian Lily
- DF8366
≈ Sohi Orange
Dörtlü +90° +180° +270°
- 00B7AD
Super Rare Jade
- 8D97EA
≈ Periwinkle Blue
- DF7D91
≈ Bella Pink
- B49F39
≈ Pollen Storm
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.50:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.37:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--super-rare-jade: #00b7ad;
--super-rare-jade-rgb: 0 183 173;
--super-rare-jade-oklch: oklch(0.702 0.122 187.9);
}
.element {
color: var(--super-rare-jade);
background-color: hsl(177 100% 36%);
border-color: oklch(0.702 0.122 187.9);
}Tailwind CSS v4
@theme {
--color-super-rare-jade: #00b7ad;
--color-super-rare-jade-50: #cefffd;
--color-super-rare-jade-100: #b9f6f1;
--color-super-rare-jade-200: #95e6e0;
--color-super-rare-jade-300: #63ccc5;
--color-super-rare-jade-400: #21b5ac;
--color-super-rare-jade-500: #009f95;
--color-super-rare-jade-600: #00867e;
--color-super-rare-jade-700: #006c65;
--color-super-rare-jade-800: #004f49;
--color-super-rare-jade-900: #003732;
--color-super-rare-jade-950: #00221e;
}SCSS
$super-rare-jade: #00b7ad;
$super-rare-jade-rgb: 0, 183, 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);
}