Adlandırılmış renk · #6FE7DB
Turquoise Chalk
Turquoise Chalk, #6FE7DB: rgb(111 231 219), hsl(174 71% 67%), oklch(0.856 0.11 186.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Turquoise Chalk color name →
#6FE7DB
oklch(0.856 0.11 186.6)
Renk dönüşümleri
- HEX
- #6fe7db
- RGB
- rgb(111 231 219)
- HSL
- hsl(174 71% 67%)
- HWB
- hwb(174 44% 9%)
- OKLCH
- oklch(0.856 0.11 186.6)
- OKLab
- oklab(0.856 -0.109 -0.013)
- CIE Lab
- lab(84.54 -37.55 -5.05)
- LCH
- lch(84.54 37.89 187.7)
- CMYK
- cmyk(52% 0% 5% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 82EADF
- 92ECE2
- A2EFE6
- B0F1E9
- BEF4ED
- CCF6F0
- D9F8F4
- E6FBF8
- F3FDFB
Koyu tonlar
- 60C9BE
- 51ABA2
- 428F87
- 34736D
- 275954
- 1A403C
- 0E2826
- 041311
- 010302
Gri tonlar
- 74DCD2
- 78D2C8
- 7BC7BF
- 7EBDB6
- 7FB3AC
- 80A8A3
- 819E9A
- 819491
- 818A89
Renk uyumları
Tamamlayıcı +180°
- 6FE7DB
Turquoise Chalk
- FFBAC7
≈ Pink Bubble Tea
Analog -30° +30°
- 6FE7DB
Turquoise Chalk
- 91E5B2
≈ Teal Deer
- 71E2FE
≈ Athena Blue
Üçlü +120° +240°
- 6FE7DB
Turquoise Chalk
- DFC0FF
≈ Jane Purple
- FFC283
≈ Buttery
Bölünmüş tamamlayıcı +150° +210°
- 6FE7DB
Turquoise Chalk
- FEB4EA
≈ Hermosa Pink
- FFBEAB
≈ Porcellana
Dörtlü +90° +180° +270°
- 6FE7DB
Turquoise Chalk
- C3CCFF
≈ Lavender Blue
- FFBAC7
≈ Pink Bubble Tea
- E4D079
≈ Green Papaya
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.48:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.12:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.12:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--turquoise-chalk: #6fe7db;
--turquoise-chalk-rgb: 111 231 219;
--turquoise-chalk-oklch: oklch(0.856 0.11 186.6);
}
.element {
color: var(--turquoise-chalk);
background-color: hsl(174 71% 67%);
border-color: oklch(0.856 0.11 186.6);
}Tailwind CSS v4
@theme {
--color-turquoise-chalk: #6fe7db;
--color-turquoise-chalk-50: #d3fffb;
--color-turquoise-chalk-100: #bff4ef;
--color-turquoise-chalk-200: #9de4dd;
--color-turquoise-chalk-300: #6fcac2;
--color-turquoise-chalk-400: #3eb3a9;
--color-turquoise-chalk-500: #009d92;
--color-turquoise-chalk-600: #00857b;
--color-turquoise-chalk-700: #006a63;
--color-turquoise-chalk-800: #004e47;
--color-turquoise-chalk-900: #003631;
--color-turquoise-chalk-950: #00211d;
}SCSS
$turquoise-chalk: #6fe7db;
$turquoise-chalk-rgb: 111, 231, 219;
$turquoise-chalk-light: mix(#fff, $turquoise-chalk, 20%);
$turquoise-chalk-dark: mix(#000, $turquoise-chalk, 20%);
.element {
color: $turquoise-chalk;
box-shadow: 0 0 0 2px rgba($turquoise-chalk, 0.35);
}