En yakın adlandırılmış renk · #38685F
#38685F
En yakın adlandırılmış renk: Deep Pool Teal
#38685F (rgb(56 104 95), hsl(169 30% 31%), oklch(0.48 0.055 180.4)) en çok Deep Pool Teal 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.
#38685F
oklch(0.48 0.055 180.4)
Renk dönüşümleri
- HEX
- #38685f
- RGB
- rgb(56 104 95)
- HSL
- hsl(169 30% 31%)
- HWB
- hwb(169 22% 59%)
- OKLCH
- oklch(0.48 0.055 180.4)
- OKLab
- oklab(0.48 -0.055 0)
- CIE Lab
- lab(40.41 -18.93 -0.29)
- LCH
- lch(40.41 18.93 180.9)
- CMYK
- cmyk(46% 0% 9% 59%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4C766E
- 5F847D
- 72938C
- 85A29C
- 99B1AB
- ADC0BC
- C1D0CC
- D5DFDD
- EAEFEE
Koyu tonlar
- 2F5952
- 274B44
- 1F3E38
- 17302C
- 0F2420
- 081815
- 040C0A
- 010403
- 000000
Gri tonlar
- 406A62
- 486D65
- 506F69
- 57726C
- 5E746F
- 657773
- 6C7976
- 737B79
- 797E7D
Renk uyumları
Tamamlayıcı +180°
- 38685F
Deep Pool Teal
- 78515C
≈ Stravinsky Pink
Analog -30° +30°
- 38685F
Deep Pool Teal
- 47674E
≈ Green Perennial
- 35666F
≈ Pedigree
Üçlü +120° +240°
- 38685F
Deep Pool Teal
- 625778
≈ Regal Gown
- 75573E
≈ Leather & Lace
Bölünmüş tamamlayıcı +150° +210°
- 38685F
Deep Pool Teal
- 70536C
≈ Hibernation
- 7A524B
≈ Vandyck Brown
Dörtlü +90° +180° +270°
- 38685F
Deep Pool Teal
- 525C7D
≈ Coastal Fjord
- 78515C
≈ Stravinsky Pink
- 6A5D39
≈ Plum Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.33:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.31:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.33:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-pool-teal: #38685f;
--deep-pool-teal-rgb: 56 104 95;
--deep-pool-teal-oklch: oklch(0.48 0.055 180.4);
}
.element {
color: var(--deep-pool-teal);
background-color: hsl(169 30% 31%);
border-color: oklch(0.48 0.055 180.4);
}Tailwind CSS v4
@theme {
--color-deep-pool-teal: #38685f;
--color-deep-pool-teal-50: #e5fbf6;
--color-deep-pool-teal-100: #d5eee9;
--color-deep-pool-teal-200: #bcdcd6;
--color-deep-pool-teal-300: #99c1ba;
--color-deep-pool-teal-400: #7ba9a0;
--color-deep-pool-teal-500: #5c9288;
--color-deep-pool-teal-600: #4e7c73;
--color-deep-pool-teal-700: #3e635c;
--color-deep-pool-teal-800: #2d4942;
--color-deep-pool-teal-900: #1e322e;
--color-deep-pool-teal-950: #0e1e1b;
}SCSS
$deep-pool-teal: #38685f;
$deep-pool-teal-rgb: 56, 104, 95;
$deep-pool-teal-light: mix(#fff, $deep-pool-teal, 20%);
$deep-pool-teal-dark: mix(#000, $deep-pool-teal, 20%);
.element {
color: $deep-pool-teal;
box-shadow: 0 0 0 2px rgba($deep-pool-teal, 0.35);
}