En yakın adlandırılmış renk · #2DABA5
#2DABA5
En yakın adlandırılmış renk: Teal Me No Lies
#2DABA5 (rgb(45 171 165), hsl(177 58% 42%), oklch(0.674 0.106 190.2)) en çok Teal Me No Lies 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.
#2DABA5
oklch(0.674 0.106 190.2)
Renk dönüşümleri
- HEX
- #2daba5
- RGB
- rgb(45 171 165)
- HSL
- hsl(177 58% 42%)
- HWB
- hwb(177 18% 33%)
- OKLCH
- oklch(0.674 0.106 190.2)
- OKLab
- oklab(0.674 -0.104 -0.019)
- CIE Lab
- lab(63.39 -35.7 -7.21)
- LCH
- lch(63.39 36.43 191.4)
- CMYK
- cmyk(74% 0% 4% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4DB3AE
- 65BCB6
- 7BC4BF
- 8FCDC8
- A2D5D1
- B5DEDA
- C8E6E3
- DAEEEC
- EDF7F6
Koyu tonlar
- 26948F
- 1F7E79
- 186865
- 115451
- 0B403D
- 062D2B
- 021B1A
- 010B0A
- 000101
Gri tonlar
- 3EA7A1
- 4BA39D
- 559E9A
- 5E9A96
- 659692
- 6C928F
- 718D8B
- 778987
- 7C8484
Renk uyumları
Tamamlayıcı +180°
- 2DABA5
Teal Me No Lies
- CE7A87
≈ Dusky Pink
Analog -30° +30°
- 2DABA5
Teal Me No Lies
- 54AA80
≈ Julep
- 38A5C3
≈ Laguna
Üçlü +120° +240°
- 2DABA5
Teal Me No Lies
- AB84C7
≈ Wisteria
- C08A48
≈ Automn Fox
Bölünmüş tamamlayıcı +150° +210°
- 2DABA5
Teal Me No Lies
- C27CAB
≈ Strawberry Freeze
- CE7F64
≈ Burning Sand
Dörtlü +90° +180° +270°
- 2DABA5
Teal Me No Lies
- 8A8FD6
≈ Adora
- CE7A87
≈ Dusky Pink
- A69844
≈ Prickly Pear
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.48:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--teal-me-no-lies: #2daba5;
--teal-me-no-lies-rgb: 45 171 165;
--teal-me-no-lies-oklch: oklch(0.674 0.106 190.2);
}
.element {
color: var(--teal-me-no-lies);
background-color: hsl(177 58% 42%);
border-color: oklch(0.674 0.106 190.2);
}Tailwind CSS v4
@theme {
--color-teal-me-no-lies: #2daba5;
--color-teal-me-no-lies-50: #d3fffd;
--color-teal-me-no-lies-100: #c0f4f1;
--color-teal-me-no-lies-200: #9fe3e0;
--color-teal-me-no-lies-300: #72c9c5;
--color-teal-me-no-lies-400: #42b2ac;
--color-teal-me-no-lies-500: #009c96;
--color-teal-me-no-lies-600: #00847f;
--color-teal-me-no-lies-700: #006a65;
--color-teal-me-no-lies-800: #004e49;
--color-teal-me-no-lies-900: #003633;
--color-teal-me-no-lies-950: #00211e;
}SCSS
$teal-me-no-lies: #2daba5;
$teal-me-no-lies-rgb: 45, 171, 165;
$teal-me-no-lies-light: mix(#fff, $teal-me-no-lies, 20%);
$teal-me-no-lies-dark: mix(#000, $teal-me-no-lies, 20%);
.element {
color: $teal-me-no-lies;
box-shadow: 0 0 0 2px rgba($teal-me-no-lies, 0.35);
}