En yakın adlandırılmış renk · #256C67
#256C67
En yakın adlandırılmış renk: Deep Pool Teal
#256C67 (rgb(37 108 103), hsl(176 49% 28%), oklch(0.486 0.07 188.6)) 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.
#256C67
oklch(0.486 0.07 188.6)
Renk dönüşümleri
- HEX
- #256c67
- RGB
- rgb(37 108 103)
- HSL
- hsl(176 49% 28%)
- HWB
- hwb(176 15% 58%)
- OKLCH
- oklch(0.486 0.07 188.6)
- OKLab
- oklab(0.486 -0.069 -0.01)
- CIE Lab
- lab(41.19 -23.79 -4.08)
- LCH
- lch(41.19 24.14 189.7)
- CMYK
- cmyk(66% 0% 5% 58%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3E7A75
- 548883
- 699692
- 7EA5A1
- 93B3B0
- A9C2BF
- BED1CF
- D3E0DF
- E9F0EF
Koyu tonlar
- 1F5D59
- 194E4B
- 13403D
- 0D3230
- 082523
- 041917
- 020D0C
- 000404
- 000000
Gri tonlar
- 326E69
- 3D706C
- 47726E
- 507471
- 587673
- 617876
- 697A78
- 717C7B
- 787E7D
Renk uyumları
Tamamlayıcı +180°
- 256C67
Deep Pool Teal
- 814E57
≈ Rouge Charm
Analog -30° +30°
- 256C67
Deep Pool Teal
- 3A6B50
≈ Jungle Book Green
- 28697A
≈ Discovery Bay
Üçlü +120° +240°
- 256C67
Deep Pool Teal
- 6B547E
≈ Charoite Violet
- 795831
≈ Cold Brew Coffee
Bölünmüş tamamlayıcı +150° +210°
- 256C67
Deep Pool Teal
- 79506D
≈ Brocade Violet
- 825142
≈ Beauty Patch
Dörtlü +90° +180° +270°
- 256C67
Deep Pool Teal
- 565B87
≈ Marlin
- 814E57
≈ Rouge Charm
- 69602E
≈ Saguaro
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.14:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.41:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-pool-teal: #256c67;
--deep-pool-teal-rgb: 37 108 103;
--deep-pool-teal-oklch: oklch(0.486 0.07 188.6);
}
.element {
color: var(--deep-pool-teal);
background-color: hsl(176 49% 28%);
border-color: oklch(0.486 0.07 188.6);
}Tailwind CSS v4
@theme {
--color-deep-pool-teal: #256c67;
--color-deep-pool-teal-50: #e0fcfa;
--color-deep-pool-teal-100: #cef0ed;
--color-deep-pool-teal-200: #b3dedb;
--color-deep-pool-teal-300: #8ec3c0;
--color-deep-pool-teal-400: #6caca6;
--color-deep-pool-teal-500: #48958f;
--color-deep-pool-teal-600: #3e7e79;
--color-deep-pool-teal-700: #316561;
--color-deep-pool-teal-800: #234a46;
--color-deep-pool-teal-900: #173431;
--color-deep-pool-teal-950: #081f1d;
}SCSS
$deep-pool-teal: #256c67;
$deep-pool-teal-rgb: 37, 108, 103;
$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);
}