En yakın adlandırılmış renk · #058287
#058287
En yakın adlandırılmış renk: Jade Jewel
#058287 (rgb(5 130 135), hsl(182 93% 27%), oklch(0.552 0.093 199.6)) en çok Jade Jewel 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.
#058287
oklch(0.552 0.093 199.6)
Renk dönüşümleri
- HEX
- #058287
- RGB
- rgb(5 130 135)
- HSL
- hsl(182 93% 27%)
- HWB
- hwb(182 2% 47%)
- OKLCH
- oklch(0.552 0.093 199.6)
- OKLab
- oklab(0.552 -0.087 -0.031)
- CIE Lab
- lab(48.89 -29.17 -11.71)
- LCH
- lch(48.89 31.43 201.9)
- CMYK
- cmyk(96% 4% 0% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 358E92
- 509A9E
- 68A7AA
- 7EB3B6
- 94C0C1
- A9CCCE
- BFD9DA
- D4E5E6
- E9F2F2
Koyu tonlar
- 047075
- 035F63
- 024E51
- 013E41
- 012F31
- 002021
- 001213
- 000606
- 000101
Gri tonlar
- 258286
- 368286
- 438285
- 4E8284
- 588284
- 618283
- 698182
- 718182
- 798081
Renk uyumları
Tamamlayıcı +180°
- 058287
Jade Jewel
- A15B5C
≈ Cheek Red
Analog -30° +30°
- 058287
Jade Jewel
- 2B8369
≈ Accent Green Blue
- 2A7C9E
≈ Peninsula
Üçlü +120° +240°
- 058287
Jade Jewel
- 8A6094
≈ Chakra
- 8F6B2B
≈ Armageddon Dunes
Bölünmüş tamamlayıcı +150° +210°
- 058287
Jade Jewel
- 9A5B7A
≈ Rose Wine
- 9D613E
≈ Hampton Beach
Dörtlü +90° +180° +270°
- 058287
Jade Jewel
- 7168A5
≈ Inner Journey
- A15B5C
≈ Cheek Red
- 767630
≈ Jungle Look
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.61:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.54:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.61:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--jade-jewel: #058287;
--jade-jewel-rgb: 5 130 135;
--jade-jewel-oklch: oklch(0.552 0.093 199.6);
}
.element {
color: var(--jade-jewel);
background-color: hsl(182 93% 27%);
border-color: oklch(0.552 0.093 199.6);
}Tailwind CSS v4
@theme {
--color-jade-jewel: #058287;
--color-jade-jewel-50: #d7feff;
--color-jade-jewel-100: #c5f2f5;
--color-jade-jewel-200: #a5e1e5;
--color-jade-jewel-300: #7cc6cb;
--color-jade-jewel-400: #52afb4;
--color-jade-jewel-500: #14989e;
--color-jade-jewel-600: #178185;
--color-jade-jewel-700: #14676b;
--color-jade-jewel-800: #0b4c4e;
--color-jade-jewel-900: #083536;
--color-jade-jewel-950: #002021;
}SCSS
$jade-jewel: #058287;
$jade-jewel-rgb: 5, 130, 135;
$jade-jewel-light: mix(#fff, $jade-jewel, 20%);
$jade-jewel-dark: mix(#000, $jade-jewel, 20%);
.element {
color: $jade-jewel;
box-shadow: 0 0 0 2px rgba($jade-jewel, 0.35);
}