En yakın adlandırılmış renk · #2A6E6B
#2A6E6B
En yakın adlandırılmış renk: Deep Pool Teal
#2A6E6B (rgb(42 110 107), hsl(177 45% 30%), oklch(0.495 0.068 191.2)) 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.
#2A6E6B
oklch(0.495 0.068 191.2)
Renk dönüşümleri
- HEX
- #2a6e6b
- RGB
- rgb(42 110 107)
- HSL
- hsl(177 45% 30%)
- HWB
- hwb(177 16% 57%)
- OKLCH
- oklch(0.495 0.068 191.2)
- OKLab
- oklab(0.495 -0.067 -0.013)
- CIE Lab
- lab(42.13 -22.77 -5.08)
- LCH
- lch(42.13 23.33 192.6)
- CMYK
- cmyk(62% 0% 3% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 427C79
- 578A87
- 6C9895
- 81A6A3
- 95B4B2
- AAC3C1
- BFD2D0
- D4E1E0
- E9F0EF
Koyu tonlar
- 235F5C
- 1C504E
- 16413F
- 103332
- 0A2625
- 051918
- 020E0D
- 010404
- 000100
Gri tonlar
- 36706D
- 40726F
- 497471
- 527673
- 5A7775
- 627978
- 6A7B7A
- 717D7C
- 797E7E
Renk uyumları
Tamamlayıcı +180°
- 2A6E6B
Deep Pool Teal
- 845158
≈ So Merlot
Analog -30° +30°
- 2A6E6B
Deep Pool Teal
- 3C6E55
≈ Foliage Green
- 2F6B7D
≈ Ocean’s Embrace
Üçlü +120° +240°
- 2A6E6B
Deep Pool Teal
- 6E577E
≈ Mystical
- 7A5B34
≈ Breen
Bölünmüş tamamlayıcı +150° +210°
- 2A6E6B
Deep Pool Teal
- 7C526D
≈ Magnificence
- 835443
≈ Red Hook
Dörtlü +90° +180° +270°
- 2A6E6B
Deep Pool Teal
- 5B5D88
≈ Karmic Grape
- 845158
≈ So Merlot
- 6A6333
≈ Jungle Civilization
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.93:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.54:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 5.93:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-pool-teal: #2a6e6b;
--deep-pool-teal-rgb: 42 110 107;
--deep-pool-teal-oklch: oklch(0.495 0.068 191.2);
}
.element {
color: var(--deep-pool-teal);
background-color: hsl(177 45% 30%);
border-color: oklch(0.495 0.068 191.2);
}Tailwind CSS v4
@theme {
--color-deep-pool-teal: #2a6e6b;
--color-deep-pool-teal-50: #e0fcfa;
--color-deep-pool-teal-100: #cff0ee;
--color-deep-pool-teal-200: #b4dedc;
--color-deep-pool-teal-300: #8fc3c1;
--color-deep-pool-teal-400: #6daca8;
--color-deep-pool-teal-500: #4a9591;
--color-deep-pool-teal-600: #407e7b;
--color-deep-pool-teal-700: #336562;
--color-deep-pool-teal-800: #244a47;
--color-deep-pool-teal-900: #183331;
--color-deep-pool-teal-950: #081f1d;
}SCSS
$deep-pool-teal: #2a6e6b;
$deep-pool-teal-rgb: 42, 110, 107;
$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);
}