En yakın adlandırılmış renk · #00B7BC
#00B7BC
En yakın adlandırılmış renk: Super Rare Jade
#00B7BC (rgb(0 183 188), hsl(182 100% 37%), oklch(0.708 0.12 198.3)) 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.
#00B7BC
oklch(0.708 0.12 198.3)
Renk dönüşümleri
- HEX
- #00b7bc
- RGB
- rgb(0 183 188)
- HSL
- hsl(182 100% 37%)
- HWB
- hwb(182 0% 26%)
- OKLCH
- oklch(0.708 0.12 198.3)
- OKLab
- oklab(0.708 -0.114 -0.038)
- CIE Lab
- lab(67.27 -38.29 -14.2)
- LCH
- lch(67.27 40.83 200.4)
- CMYK
- cmyk(100% 3% 0% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 40BEC3
- 5EC6C9
- 76CDD0
- 8CD4D7
- A1DCDD
- B4E3E4
- C7EAEB
- DAF1F1
- EDF8F8
Koyu tonlar
- 009FA3
- 00878B
- 007073
- 005A5D
- 004547
- 003132
- 001E1F
- 000C0D
- 000202
Gri tonlar
- 2EB2B6
- 41ACB0
- 4FA7AA
- 5AA1A4
- 639C9E
- 6A9698
- 719192
- 768B8C
- 7B8686
Renk uyumları
Tamamlayıcı +180°
- 00B7BC
Super Rare Jade
- E28084
≈ Pulp
Analog -30° +30°
- 00B7BC
Super Rare Jade
- 41B993
≈ Mountain Meadow
- 3AAFDC
≈ Highlighter Blue
Üçlü +120° +240°
- 00B7BC
Super Rare Jade
- C088D1
≈ Purception
- C9973E
≈ Nattō
Bölünmüş tamamlayıcı +150° +210°
- 00B7BC
Super Rare Jade
- D880AE
≈ Middle Purple
- DD885B
≈ Late Bloomer
Dörtlü +90° +180° +270°
- 00B7BC
Super Rare Jade
- 9E94E7
≈ Dull Lavender
- E28084
≈ Pulp
- A8A644
≈ Camo Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.47:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.49:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.49:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--super-rare-jade: #00b7bc;
--super-rare-jade-rgb: 0 183 188;
--super-rare-jade-oklch: oklch(0.708 0.12 198.3);
}
.element {
color: var(--super-rare-jade);
background-color: hsl(182 100% 37%);
border-color: oklch(0.708 0.12 198.3);
}Tailwind CSS v4
@theme {
--color-super-rare-jade: #00b7bc;
--color-super-rare-jade-50: #ceffff;
--color-super-rare-jade-100: #b9f5f8;
--color-super-rare-jade-200: #95e4e9;
--color-super-rare-jade-300: #63cad0;
--color-super-rare-jade-400: #1eb4b8;
--color-super-rare-jade-500: #009da3;
--color-super-rare-jade-600: #00858a;
--color-super-rare-jade-700: #006a6e;
--color-super-rare-jade-800: #004f50;
--color-super-rare-jade-900: #003738;
--color-super-rare-jade-950: #002122;
}SCSS
$super-rare-jade: #00b7bc;
$super-rare-jade-rgb: 0, 183, 188;
$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);
}