色名 · #7CBBAE
Mintnight
Mintnightは#7CBBAE：rgb(124 187 174)、hsl(168 32% 61%)、oklch(0.746 0.068 179.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Mintnight color name →
#7CBBAE
oklch(0.746 0.068 179.9)
カラー変換
- HEX
- #7cbbae
- RGB
- rgb(124 187 174)
- HSL
- hsl(168 32% 61%)
- HWB
- hwb(168 49% 27%)
- OKLCH
- oklch(0.746 0.068 179.9)
- OKLab
- oklab(0.746 -0.068 0)
- CIE Lab
- lab(71.33 -23.26 -0.17)
- LCH
- lch(71.33 23.26 180.4)
- CMYK
- cmyk(34% 0% 7% 27%)
ティント · シェード · トーン
ティント
- 8AC2B6
- 97C9BE
- A4CFC6
- B1D6CE
- BEDDD6
- CBE4DE
- D8EAE6
- E5F1EE
- F2F8F7
シェード
- 6BA297
- 5A8A80
- 4A736A
- 3B5C55
- 2C4641
- 1E322E
- 111F1C
- 050D0B
- 010201
トーン
- 7DB5A9
- 7EAFA5
- 7FA9A0
- 80A39B
- 809D97
- 819792
- 81918E
- 818C89
- 808684
カラーハーモニー
補色 +180°
- 7CBBAE
Mintnight
- D19BAB
≈ Honey Pink
類似色 -30° +30°
- 7CBBAE
Mintnight
- 8EB996
≈ Garden View
- 78B9C4
≈ Tibetan Stone
トライアド +120° +240°
- 7CBBAE
Mintnight
- B3A3D2
≈ Ariel’s Delight
- CDA382
≈ Kamut
スプリットコンプリメンタリー +150° +210°
- 7CBBAE
Mintnight
- C69EC1
≈ Prize Winning Orchid
- D49D93
≈ Soft Sienna
テトラード +90° +180° +270°
- 7CBBAE
Mintnight
- 9CABD8
≈ Aster Flower Blue
- D19BAB
≈ Honey Pink
- BDAB7B
≈ Nettle
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.19:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.57:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.57:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--mintnight: #7cbbae;
--mintnight-rgb: 124 187 174;
--mintnight-oklch: oklch(0.746 0.068 179.9);
}
.element {
color: var(--mintnight);
background-color: hsl(168 32% 61%);
border-color: oklch(0.746 0.068 179.9);
}Tailwind CSS v4
@theme {
--color-mintnight: #7cbbae;
--color-mintnight-50: #e1fcf6;
--color-mintnight-100: #d0f0e9;
--color-mintnight-200: #b6ded6;
--color-mintnight-300: #91c3ba;
--color-mintnight-400: #71aca0;
--color-mintnight-500: #4f9588;
--color-mintnight-600: #447e73;
--color-mintnight-700: #36655c;
--color-mintnight-800: #264a42;
--color-mintnight-900: #1a332e;
--color-mintnight-950: #0a1f1b;
}SCSS
$mintnight: #7cbbae;
$mintnight-rgb: 124, 187, 174;
$mintnight-light: mix(#fff, $mintnight, 20%);
$mintnight-dark: mix(#000, $mintnight, 20%);
.element {
color: $mintnight;
box-shadow: 0 0 0 2px rgba($mintnight, 0.35);
}