En yakın adlandırılmış renk · #0BADA6
#0BADA6
En yakın adlandırılmış renk: Teal Me No Lies
#0BADA6 (rgb(11 173 166), hsl(177 88% 36%), oklch(0.675 0.115 189.6)) 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.
#0BADA6
oklch(0.675 0.115 189.6)
Renk dönüşümleri
- HEX
- #0bada6
- RGB
- rgb(11 173 166)
- HSL
- hsl(177 88% 36%)
- HWB
- hwb(177 4% 32%)
- OKLCH
- oklch(0.675 0.115 189.6)
- OKLab
- oklab(0.675 -0.114 -0.019)
- CIE Lab
- lab(63.63 -39.1 -7.48)
- LCH
- lch(63.63 39.81 190.8)
- CMYK
- cmyk(94% 0% 4% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 40B5AF
- 5CBEB7
- 74C6C0
- 8ACEC9
- 9FD6D2
- B2DFDB
- C6E7E4
- D9EFED
- ECF7F6
Koyu tonlar
- 089690
- 067F7A
- 046A65
- 025551
- 01413E
- 012D2B
- 001B1A
- 000B0A
- 000101
Gri tonlar
- 2FA9A2
- 41A49E
- 4EA09A
- 589B97
- 619793
- 69928F
- 6F8E8B
- 768987
- 7B8584
Renk uyumları
Tamamlayıcı +180°
- 0BADA6
Teal Me No Lies
- D37787
≈ Razzberries
Analog -30° +30°
- 0BADA6
Teal Me No Lies
- 4DAC7D
≈ Divot
- 23A7C7
≈ Pacific Blue
Üçlü +120° +240°
- 0BADA6
Teal Me No Lies
- AC82CC
≈ Wisteria
- C4893F
≈ Golden Leaf
Bölünmüş tamamlayıcı +150° +210°
- 0BADA6
Teal Me No Lies
- C67AAD
≈ Strawberry Freeze
- D37D5F
≈ Clay Mug
Dörtlü +90° +180° +270°
- 0BADA6
Teal Me No Lies
- 898EDD
≈ Perrywinkle
- D37787
≈ Razzberries
- A89839
≈ Pestulance
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: #0bada6;
--teal-me-no-lies-rgb: 11 173 166;
--teal-me-no-lies-oklch: oklch(0.675 0.115 189.6);
}
.element {
color: var(--teal-me-no-lies);
background-color: hsl(177 88% 36%);
border-color: oklch(0.675 0.115 189.6);
}Tailwind CSS v4
@theme {
--color-teal-me-no-lies: #0bada6;
--color-teal-me-no-lies-50: #d0fffd;
--color-teal-me-no-lies-100: #bcf5f1;
--color-teal-me-no-lies-200: #99e4e0;
--color-teal-me-no-lies-300: #69cac6;
--color-teal-me-no-lies-400: #31b4ad;
--color-teal-me-no-lies-500: #009d97;
--color-teal-me-no-lies-600: #00857f;
--color-teal-me-no-lies-700: #006b66;
--color-teal-me-no-lies-800: #004f49;
--color-teal-me-no-lies-900: #003733;
--color-teal-me-no-lies-950: #00211f;
}SCSS
$teal-me-no-lies: #0bada6;
$teal-me-no-lies-rgb: 11, 173, 166;
$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);
}