色名 · #55AA66
Deep Mint
Deep Mintは#55AA66：rgb(85 170 102)、hsl(132 33% 50%)、oklch(0.667 0.13 148.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Deep Mint color name →
#55AA66
oklch(0.667 0.13 148.5)
カラー変換
- HEX
- #55aa66
- RGB
- rgb(85 170 102)
- HSL
- hsl(132 33% 50%)
- HWB
- hwb(132 33% 33%)
- OKLCH
- oklch(0.667 0.13 148.5)
- OKLab
- oklab(0.667 -0.111 0.068)
- CIE Lab
- lab(63.05 -38.27 26.85)
- LCH
- lch(63.05 46.75 144.9)
- CMYK
- cmyk(50% 0% 40% 33%)
ティント · シェード · トーン
ティント
- 68B375
- 7ABB84
- 8BC493
- 9CCCA2
- ACD5B1
- BDDDC1
- CDE6D0
- DEEEE0
- EEF7EF
シェード
- 499358
- 3D7D4A
- 31683C
- 26532F
- 1C3F23
- 112D17
- 081B0C
- 020B04
- 000100
トーン
- 5BA669
- 61A26C
- 669E6F
- 6B9A72
- 6F9674
- 739177
- 778D79
- 7A897C
- 7D847E
カラーハーモニー
補色 +180°
- 55AA66
Deep Mint
- BF76BC
≈ Gulābī Pink
類似色 -30° +30°
- 55AA66
Deep Mint
- 8D9F37
≈ Vigorous Wasabi
- 00AC95
≈ Shindig
トライアド +120° +240°
- 55AA66
Deep Mint
- 7390E4
≈ Guilliman Blue
- D87366
≈ Mettwurst
スプリットコンプリメンタリー +150° +210°
- 55AA66
Deep Mint
- 9F81D9
≈ Indigo Bloom
- D37093
≈ Fiesta Pink
テトラード +90° +180° +270°
- 55AA66
Deep Mint
- 349EDB
≈ Blue Damselfly
- BF76BC
≈ Gulābī Pink
- CE7E39
≈ Topaz
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.86:1 · APCA Lc 55
Ag
AAA黒の上
WCAG 7.32:1 · APCA Lc 47
最適な文字色: #000000
WCAG 7.32:1 (AAA) · APCA Lc 47
Contrast pairs
コードスニペット
CSS
:root {
--deep-mint: #55aa66;
--deep-mint-rgb: 85 170 102;
--deep-mint-oklch: oklch(0.667 0.13 148.5);
}
.element {
color: var(--deep-mint);
background-color: hsl(132 33% 50%);
border-color: oklch(0.667 0.13 148.5);
}Tailwind CSS v4
@theme {
--color-deep-mint: #55aa66;
--color-deep-mint-50: #dcffe2;
--color-deep-mint-100: #caf5d2;
--color-deep-mint-200: #ace5b8;
--color-deep-mint-300: #85ca95;
--color-deep-mint-400: #64b372;
--color-deep-mint-500: #3b9d53;
--color-deep-mint-600: #348547;
--color-deep-mint-700: #296a38;
--color-deep-mint-800: #1f4e26;
--color-deep-mint-900: #153619;
--color-deep-mint-950: #06210a;
}SCSS
$deep-mint: #55aa66;
$deep-mint-rgb: 85, 170, 102;
$deep-mint-light: mix(#fff, $deep-mint, 20%);
$deep-mint-dark: mix(#000, $deep-mint, 20%);
.element {
color: $deep-mint;
box-shadow: 0 0 0 2px rgba($deep-mint, 0.35);
}