En yakın adlandırılmış renk · #2DABAE
#2DABAE
En yakın adlandırılmış renk: Teal Me No Lies
#2DABAE (rgb(45 171 174), hsl(181 59% 43%), oklch(0.677 0.105 197.4)) 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.
#2DABAE
oklch(0.677 0.105 197.4)
Renk dönüşümleri
- HEX
- #2dabae
- RGB
- rgb(45 171 174)
- HSL
- hsl(181 59% 43%)
- HWB
- hwb(181 18% 32%)
- OKLCH
- oklch(0.677 0.105 197.4)
- OKLab
- oklab(0.677 -0.1 -0.031)
- CIE Lab
- lab(63.63 -33.65 -11.86)
- LCH
- lch(63.63 35.68 199.4)
- CMYK
- cmyk(74% 2% 0% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4DB3B6
- 65BCBE
- 7BC4C6
- 8FCDCE
- A3D5D6
- B5DEDE
- C8E6E6
- DAEEEE
- EDF7F7
Koyu tonlar
- 269497
- 1F7E80
- 18686A
- 115455
- 0B4041
- 062D2E
- 021B1C
- 010B0B
- 000101
Gri tonlar
- 3EA7A9
- 4BA3A5
- 559EA0
- 5E9A9B
- 659697
- 6C9292
- 728D8E
- 778989
- 7C8485
Renk uyumları
Tamamlayıcı +180°
- 2DABAE
Teal Me No Lies
- D07C80
≈ Galah
Analog -30° +30°
- 2DABAE
Teal Me No Lies
- 4CAC8A
≈ O’grady Green
- 44A4CA
≈ Sea Ridge
Üçlü +120° +240°
- 2DABAE
Teal Me No Lies
- B283C2
≈ Creeping Bellflower
- BB8F46
≈ Fervent Brass
Bölünmüş tamamlayıcı +150° +210°
- 2DABAE
Teal Me No Lies
- C77CA4
≈ Heartbreaker
- CC835D
≈ Shamanic Journey
Dörtlü +90° +180° +270°
- 2DABAE
Teal Me No Lies
- 938DD5
≈ Adora
- D07C80
≈ Galah
- 9E9C4A
≈ Lazy Lizard
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.54:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--teal-me-no-lies: #2dabae;
--teal-me-no-lies-rgb: 45 171 174;
--teal-me-no-lies-oklch: oklch(0.677 0.105 197.4);
}
.element {
color: var(--teal-me-no-lies);
background-color: hsl(181 59% 43%);
border-color: oklch(0.677 0.105 197.4);
}Tailwind CSS v4
@theme {
--color-teal-me-no-lies: #2dabae;
--color-teal-me-no-lies-50: #d3ffff;
--color-teal-me-no-lies-100: #c0f3f5;
--color-teal-me-no-lies-200: #9ee2e5;
--color-teal-me-no-lies-300: #72c8cc;
--color-teal-me-no-lies-400: #41b1b4;
--color-teal-me-no-lies-500: #009b9e;
--color-teal-me-no-lies-600: #008386;
--color-teal-me-no-lies-700: #00696b;
--color-teal-me-no-lies-800: #004d4e;
--color-teal-me-no-lies-900: #003636;
--color-teal-me-no-lies-950: #002121;
}SCSS
$teal-me-no-lies: #2dabae;
$teal-me-no-lies-rgb: 45, 171, 174;
$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);
}