Adlandırılmış renk · #7BD5BF
Green Parakeet
Green Parakeet, #7BD5BF: rgb(123 213 191), hsl(165 52% 66%), oklch(0.81 0.093 176.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Green Parakeet color name →
#7BD5BF
oklch(0.81 0.093 176.3)
Renk dönüşümleri
- HEX
- #7bd5bf
- RGB
- rgb(123 213 191)
- HSL
- hsl(165 52% 66%)
- HWB
- hwb(165 48% 16%)
- OKLCH
- oklch(0.81 0.093 176.3)
- OKLab
- oklab(0.81 -0.093 0.006)
- CIE Lab
- lab(79.19 -32.16 2.02)
- LCH
- lch(79.19 32.22 176.4)
- CMYK
- cmyk(42% 0% 10% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8AD9C5
- 98DECC
- A6E2D2
- B3E6D8
- C0EADF
- CDEFE5
- DAF3EB
- E6F7F2
- F3FBF8
Koyu tonlar
- 6AB9A6
- 5A9E8D
- 4A8375
- 3A6A5E
- 2C5148
- 1E3A33
- 10241F
- 05100D
- 010202
Gri tonlar
- 7DCCB9
- 7FC4B2
- 80BBAC
- 81B2A5
- 82AA9F
- 82A199
- 829992
- 82918C
- 818886
Renk uyumları
Tamamlayıcı +180°
- 7BD5BF
Green Parakeet
- F2A8C3
≈ Rose Mallow
Analog -30° +30°
- 7BD5BF
Green Parakeet
- 9AD29D
≈ Sunlit Glade
- 72D2DF
≈ Sea of Tranquillity
Üçlü +120° +240°
- 7BD5BF
Green Parakeet
- C6B5F7
≈ Violet Heaven
- F0B286
≈ Rusty Sand
Bölünmüş tamamlayıcı +150° +210°
- 7BD5BF
Green Parakeet
- E1ACE1
≈ Barely Bloomed
- F7AAA1
≈ Rosy Outlook
Dörtlü +90° +180° +270°
- 7BD5BF
Green Parakeet
- A5C0FE
≈ Pastel Blue
- F2A8C3
≈ Rose Mallow
- DCBD7A
≈ Brass Nail
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.73:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.11:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-parakeet: #7bd5bf;
--green-parakeet-rgb: 123 213 191;
--green-parakeet-oklch: oklch(0.81 0.093 176.3);
}
.element {
color: var(--green-parakeet);
background-color: hsl(165 52% 66%);
border-color: oklch(0.81 0.093 176.3);
}Tailwind CSS v4
@theme {
--color-green-parakeet: #7bd5bf;
--color-green-parakeet-50: #dafef5;
--color-green-parakeet-100: #c8f3e8;
--color-green-parakeet-200: #aae2d4;
--color-green-parakeet-300: #82c7b8;
--color-green-parakeet-400: #5cb19d;
--color-green-parakeet-500: #2d9a84;
--color-green-parakeet-600: #298270;
--color-green-parakeet-700: #216859;
--color-green-parakeet-800: #174d40;
--color-green-parakeet-900: #0f352c;
--color-green-parakeet-950: #022019;
}SCSS
$green-parakeet: #7bd5bf;
$green-parakeet-rgb: 123, 213, 191;
$green-parakeet-light: mix(#fff, $green-parakeet, 20%);
$green-parakeet-dark: mix(#000, $green-parakeet, 20%);
.element {
color: $green-parakeet;
box-shadow: 0 0 0 2px rgba($green-parakeet, 0.35);
}