Adlandırılmış renk · #60C7C2
Chinese Lacquer
Chinese Lacquer, #60C7C2: rgb(96 199 194), hsl(177 48% 58%), oklch(0.767 0.096 191.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Chinese Lacquer color name →
#60C7C2
oklch(0.767 0.096 191.1)
Renk dönüşümleri
- HEX
- #60c7c2
- RGB
- rgb(96 199 194)
- HSL
- hsl(177 48% 58%)
- HWB
- hwb(177 38% 22%)
- OKLCH
- oklch(0.767 0.096 191.1)
- OKLab
- oklab(0.767 -0.094 -0.019)
- CIE Lab
- lab(74.07 -32.2 -7.17)
- LCH
- lch(74.07 32.99 192.6)
- CMYK
- cmyk(52% 0% 3% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 73CDC8
- 85D2CE
- 96D8D4
- A6DEDA
- B5E3E0
- C4E9E6
- D3EFEC
- E2F4F3
- F0FAF9
Koyu tonlar
- 52ADA8
- 45938F
- 387A77
- 2C6260
- 204C49
- 153634
- 0A2120
- 030E0E
- 000202
Gri tonlar
- 66C0BB
- 6BB9B4
- 70B2AE
- 74AAA7
- 77A3A0
- 799C9A
- 7C9593
- 7D8E8D
- 7F8786
Renk uyumları
Tamamlayıcı +180°
- 60C7C2
Chinese Lacquer
- E99AA4
≈ Strawberry Smoothie
Analog -30° +30°
- 60C7C2
Chinese Lacquer
- 79C7A0
≈ Minted Elegance
- 66C2DF
≈ Candid Blue
Üçlü +120° +240°
- 60C7C2
Chinese Lacquer
- C7A2E1
≈ Silver Rust
- DAA96D
≈ Flower Field
Bölünmüş tamamlayıcı +150° +210°
- 60C7C2
Chinese Lacquer
- DE9BC6
≈ Lilac Chiffon
- E89F84
≈ Tonys Pink
Dörtlü +90° +180° +270°
- 60C7C2
Chinese Lacquer
- A8ACF0
≈ Wondrous Wisteria
- E99AA4
≈ Strawberry Smoothie
- C0B56B
≈ Kohlrabi
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.01:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.44:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.44:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--chinese-lacquer: #60c7c2;
--chinese-lacquer-rgb: 96 199 194;
--chinese-lacquer-oklch: oklch(0.767 0.096 191.1);
}
.element {
color: var(--chinese-lacquer);
background-color: hsl(177 48% 58%);
border-color: oklch(0.767 0.096 191.1);
}Tailwind CSS v4
@theme {
--color-chinese-lacquer: #60c7c2;
--color-chinese-lacquer-50: #d7fefd;
--color-chinese-lacquer-100: #c4f3f1;
--color-chinese-lacquer-200: #a4e2df;
--color-chinese-lacquer-300: #7ac7c5;
--color-chinese-lacquer-400: #4fb1ac;
--color-chinese-lacquer-500: #069a95;
--color-chinese-lacquer-600: #11827e;
--color-chinese-lacquer-700: #0f6865;
--color-chinese-lacquer-800: #094d49;
--color-chinese-lacquer-900: #063533;
--color-chinese-lacquer-950: #00201e;
}SCSS
$chinese-lacquer: #60c7c2;
$chinese-lacquer-rgb: 96, 199, 194;
$chinese-lacquer-light: mix(#fff, $chinese-lacquer, 20%);
$chinese-lacquer-dark: mix(#000, $chinese-lacquer, 20%);
.element {
color: $chinese-lacquer;
box-shadow: 0 0 0 2px rgba($chinese-lacquer, 0.35);
}