最も近い色名 · #6FBDB5
#6FBDB5
最も近い色名: Mintnight
#6FBDB5（rgb(111 189 181)、hsl(174 37% 59%)、oklch(0.746 0.078 187.2)）に最も近い色名はMintnightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6FBDB5
oklch(0.746 0.078 187.2)
カラー変換
- HEX
- #6fbdb5
- RGB
- rgb(111 189 181)
- HSL
- hsl(174 37% 59%)
- HWB
- hwb(174 44% 26%)
- OKLCH
- oklch(0.746 0.078 187.2)
- OKLab
- oklab(0.746 -0.078 -0.01)
- CIE Lab
- lab(71.43 -26.62 -3.92)
- LCH
- lch(71.43 26.91 188.4)
- CMYK
- cmyk(41% 0% 4% 26%)
ティント · シェード · トーン
ティント
- 7FC4BC
- 8ECAC3
- 9DD1CB
- ABD7D2
- B9DED9
- C7E5E1
- D5EBE8
- E3F2F0
- F1F8F7
シェード
- 60A49D
- 518C86
- 42746F
- 345D59
- 274744
- 1A3330
- 0E1F1D
- 040D0C
- 010202
トーン
- 72B7B0
- 75B1AA
- 77ABA5
- 79A49F
- 7B9E9A
- 7D9895
- 7E9290
- 7F8C8A
- 808685
カラーハーモニー
補色 +180°
- 6FBDB5
Mintnight
- D898A4
≈ Parrot Pink
類似色 -30° +30°
- 6FBDB5
Mintnight
- 83BC99
≈ Forest Frolic
- 70B9CD
≈ Blue Brocade
トライアド +120° +240°
- 6FBDB5
Mintnight
- BAA0D4
≈ Purple Premiere
- CEA377
≈ Golden Beige
スプリットコンプリメンタリー +150° +210°
- 6FBDB5
Mintnight
- CD9ABF
≈ Peach Buff
- D99C89
≈ Medium Terracotta
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.18:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.62:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.62:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--mintnight: #6fbdb5;
--mintnight-rgb: 111 189 181;
--mintnight-oklch: oklch(0.746 0.078 187.2);
}
.element {
color: var(--mintnight);
background-color: hsl(174 37% 59%);
border-color: oklch(0.746 0.078 187.2);
}Tailwind CSS v4
@theme {
--color-mintnight: #6fbdb5;
--color-mintnight-50: #ddfdfa;
--color-mintnight-100: #cbf1ed;
--color-mintnight-200: #afe0db;
--color-mintnight-300: #88c5c0;
--color-mintnight-400: #65aea6;
--color-mintnight-500: #3d978f;
--color-mintnight-600: #358079;
--color-mintnight-700: #2a6661;
--color-mintnight-800: #1d4b46;
--color-mintnight-900: #133430;
--color-mintnight-950: #05201d;
}SCSS
$mintnight: #6fbdb5;
$mintnight-rgb: 111, 189, 181;
$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);
}