En yakın adlandırılmış renk · #00AEAF
#00AEAF
En yakın adlandırılmış renk: Teal Me No Lies
#00AEAF (rgb(0 174 175), hsl(180 100% 34%), oklch(0.68 0.116 195.5)) 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.
#00AEAF
oklch(0.68 0.116 195.5)
Renk dönüşümleri
- HEX
- #00aeaf
- RGB
- rgb(0 174 175)
- HSL
- hsl(180 100% 34%)
- HWB
- hwb(180 0% 31%)
- OKLCH
- oklch(0.68 0.116 195.5)
- OKLab
- oklab(0.68 -0.112 -0.031)
- CIE Lab
- lab(64.11 -37.79 -11.75)
- LCH
- lch(64.11 39.58 197.3)
- CMYK
- cmyk(100% 1% 0% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3EB6B7
- 5BBEBF
- 74C7C7
- 8ACFCF
- 9ED7D6
- B2DFDF
- C6E7E7
- D9EFEF
- ECF7F7
Koyu tonlar
- 009798
- 008081
- 006A6B
- 005556
- 004141
- 002E2E
- 001C1C
- 000B0B
- 000101
Gri tonlar
- 2CAAAA
- 3FA5A5
- 4DA1A1
- 589C9C
- 619897
- 689393
- 6F8E8E
- 758A89
- 7B8585
Renk uyumları
Tamamlayıcı +180°
- 00AEAF
Teal Me No Lies
- D67980
≈ Juicy Details
Analog -30° +30°
- 00AEAF
Teal Me No Lies
- 42AF87
≈ Walk in the Woods
- 30A7CE
≈ Reboot
Üçlü +120° +240°
- 00AEAF
Teal Me No Lies
- B481C9
≈ Lavender Sweater
- C18D3C
≈ Pizza
Bölünmüş tamamlayıcı +150° +210°
- 00AEAF
Teal Me No Lies
- CB7AA8
≈ Heartbreaker
- D38059
≈ Copper Harbor
Dörtlü +90° +180° +270°
- 00AEAF
Teal Me No Lies
- 928DDD
≈ Perrywinkle
- D67980
≈ Juicy Details
- A39C3E
≈ Poplar
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.73:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.67:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.67:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--teal-me-no-lies: #00aeaf;
--teal-me-no-lies-rgb: 0 174 175;
--teal-me-no-lies-oklch: oklch(0.68 0.116 195.5);
}
.element {
color: var(--teal-me-no-lies);
background-color: hsl(180 100% 34%);
border-color: oklch(0.68 0.116 195.5);
}Tailwind CSS v4
@theme {
--color-teal-me-no-lies: #00aeaf;
--color-teal-me-no-lies-50: #cfffff;
--color-teal-me-no-lies-100: #bbf5f5;
--color-teal-me-no-lies-200: #98e4e6;
--color-teal-me-no-lies-300: #67cacc;
--color-teal-me-no-lies-400: #2cb3b4;
--color-teal-me-no-lies-500: #009d9e;
--color-teal-me-no-lies-600: #008586;
--color-teal-me-no-lies-700: #006a6b;
--color-teal-me-no-lies-800: #004e4e;
--color-teal-me-no-lies-900: #003736;
--color-teal-me-no-lies-950: #002121;
}SCSS
$teal-me-no-lies: #00aeaf;
$teal-me-no-lies-rgb: 0, 174, 175;
$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);
}