色名 · #60C7C2
Chinese Lacquer
Chinese Lacquerは#60C7C2：rgb(96 199 194)、hsl(177 48% 58%)、oklch(0.767 0.096 191.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Chinese Lacquer color name →
#60C7C2
oklch(0.767 0.096 191.1)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 73CDC8
- 85D2CE
- 96D8D4
- A6DEDA
- B5E3E0
- C4E9E6
- D3EFEC
- E2F4F3
- F0FAF9
シェード
- 52ADA8
- 45938F
- 387A77
- 2C6260
- 204C49
- 153634
- 0A2120
- 030E0E
- 000202
トーン
- 66C0BB
- 6BB9B4
- 70B2AE
- 74AAA7
- 77A3A0
- 799C9A
- 7C9593
- 7D8E8D
- 7F8786
カラーハーモニー
補色 +180°
- 60C7C2
Chinese Lacquer
- E99AA4
≈ Strawberry Smoothie
類似色 -30° +30°
- 60C7C2
Chinese Lacquer
- 79C7A0
≈ Minted Elegance
- 66C2DF
≈ Candid Blue
トライアド +120° +240°
- 60C7C2
Chinese Lacquer
- C7A2E1
≈ Silver Rust
- DAA96D
≈ Flower Field
スプリットコンプリメンタリー +150° +210°
- 60C7C2
Chinese Lacquer
- DE9BC6
≈ Lilac Chiffon
- E89F84
≈ Tonys Pink
テトラード +90° +180° +270°
- 60C7C2
Chinese Lacquer
- A8ACF0
≈ Wondrous Wisteria
- E99AA4
≈ Strawberry Smoothie
- C0B56B
≈ Kohlrabi
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.01:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.44:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.44:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
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);
}