En yakın adlandırılmış renk · #35807F
#35807F
En yakın adlandırılmış renk: Jade Jewel
#35807F (rgb(53 128 127), hsl(179 41% 35%), oklch(0.553 0.074 194)) 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.
#35807F
oklch(0.553 0.074 194)
Renk dönüşümleri
- HEX
- #35807f
- RGB
- rgb(53 128 127)
- HSL
- hsl(179 41% 35%)
- HWB
- hwb(179 21% 50%)
- OKLCH
- oklch(0.553 0.074 194)
- OKLab
- oklab(0.553 -0.071 -0.018)
- CIE Lab
- lab(48.95 -24.22 -6.83)
- LCH
- lch(48.95 25.16 195.8)
- CMYK
- cmyk(59% 0% 1% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4C8C8B
- 619997
- 75A5A4
- 88B1B0
- 9CBEBD
- B0CBCA
- C3D8D7
- D7E5E4
- EBF2F2
Koyu tonlar
- 2D6E6E
- 255D5D
- 1D4D4C
- 153D3C
- 0E2E2D
- 081F1F
- 031211
- 010606
- 000101
Gri tonlar
- 40807F
- 49807F
- 51807F
- 59807F
- 608080
- 678080
- 6E8080
- 748080
- 7A8080
Renk uyumları
Tamamlayıcı +180°
- 35807F
Jade Jewel
- 996065
≈ Abra Cadabra
Analog -30° +30°
- 35807F
Jade Jewel
- 468067
≈ Bathing Beauty
- 3D7C92
≈ Larkspur
Üçlü +120° +240°
- 35807F
Jade Jewel
- 826691
≈ Mirabella
- 8C6C40
≈ Ground Cumin
Bölünmüş tamamlayıcı +150° +210°
- 35807F
Jade Jewel
- 91617D
≈ Victorian Plum
- 97644F
≈ Majolica Earthenware
Dörtlü +90° +180° +270°
- 35807F
Jade Jewel
- 6D6D9C
≈ Thirsty Thursday
- 996065
≈ Abra Cadabra
- 797540
≈ Steppe Green
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: #35807f;
--jade-jewel-rgb: 53 128 127;
--jade-jewel-oklch: oklch(0.553 0.074 194);
}
.element {
color: var(--jade-jewel);
background-color: hsl(179 41% 35%);
border-color: oklch(0.553 0.074 194);
}Tailwind CSS v4
@theme {
--color-jade-jewel: #35807f;
--color-jade-jewel-50: #defcfc;
--color-jade-jewel-100: #cdf0f0;
--color-jade-jewel-200: #b0dfde;
--color-jade-jewel-300: #8bc4c4;
--color-jade-jewel-400: #68acab;
--color-jade-jewel-500: #419694;
--color-jade-jewel-600: #397e7d;
--color-jade-jewel-700: #2d6564;
--color-jade-jewel-800: #1f4a49;
--color-jade-jewel-900: #153433;
--color-jade-jewel-950: #061f1e;
}SCSS
$jade-jewel: #35807f;
$jade-jewel-rgb: 53, 128, 127;
$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);
}