最も近い色名 · #6FCDC3
#6FCDC3
最も近い色名: Hidden Sea Glass
#6FCDC3（rgb(111 205 195)、hsl(174 48% 62%)、oklch(0.788 0.091 186.6)）に最も近い色名はHidden Sea Glassです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6FCDC3
oklch(0.788 0.091 186.6)
カラー変換
- HEX
- #6fcdc3
- RGB
- rgb(111 205 195)
- HSL
- hsl(174 48% 62%)
- HWB
- hwb(174 44% 20%)
- OKLCH
- oklch(0.788 0.091 186.6)
- OKLab
- oklab(0.788 -0.091 -0.01)
- CIE Lab
- lab(76.44 -31.07 -4.16)
- LCH
- lch(76.44 31.35 187.6)
- CMYK
- cmyk(46% 0% 5% 20%)
ティント · シェード · トーン
ティント
- 80D2C9
- 8FD7CF
- 9EDCD5
- ADE1DB
- BBE6E1
- C9EBE7
- D7F0ED
- E4F5F3
- F2FAF9
シェード
- 60B2A9
- 519890
- 427E78
- 346660
- 274E4A
- 1A3834
- 0E2320
- 040F0E
- 010202
トーン
- 73C5BC
- 76BDB5
- 79B6AE
- 7BAEA8
- 7DA6A1
- 7E9E9A
- 7F9794
- 808F8D
- 808886
カラーハーモニー
補色 +180°
- 6FCDC3
Hidden Sea Glass
- EDA1B0
≈ Pinque
類似色 -30° +30°
- 6FCDC3
Hidden Sea Glass
- 88CCA2
≈ Frost Gum
- 70C9E0
≈ Hawaiian Breeze
トライアド +120° +240°
- 6FCDC3
Hidden Sea Glass
- C9ABE8
≈ Tropical Violet
- E2AF7A
≈ Wooden Sword
スプリットコンプリメンタリー +150° +210°
- 6FCDC3
Hidden Sea Glass
- E0A4D0
≈ Chateau Rose
- EEA591
≈ Stone Fruit
テトラード +90° +180° +270°
- 6FCDC3
Hidden Sea Glass
- AAB5F4
≈ Wondrous Wisteria
- EDA1B0
≈ Pinque
- CABA75
≈ Pistachio Shortbread
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.87:1 · APCA Lc 35
Ag
AAA黒の上
WCAG 11.19:1 · APCA Lc 67
最適な文字色: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
コードスニペット
CSS
:root {
--hidden-sea-glass: #6fcdc3;
--hidden-sea-glass-rgb: 111 205 195;
--hidden-sea-glass-oklch: oklch(0.788 0.091 186.6);
}
.element {
color: var(--hidden-sea-glass);
background-color: hsl(174 48% 62%);
border-color: oklch(0.788 0.091 186.6);
}Tailwind CSS v4
@theme {
--color-hidden-sea-glass: #6fcdc3;
--color-hidden-sea-glass-50: #d9fefa;
--color-hidden-sea-glass-100: #c6f2ee;
--color-hidden-sea-glass-200: #a8e1dc;
--color-hidden-sea-glass-300: #7fc7c0;
--color-hidden-sea-glass-400: #57b0a7;
--color-hidden-sea-glass-500: #239990;
--color-hidden-sea-glass-600: #22827a;
--color-hidden-sea-glass-700: #1b6861;
--color-hidden-sea-glass-800: #124c46;
--color-hidden-sea-glass-900: #0c3531;
--color-hidden-sea-glass-950: #00201d;
}SCSS
$hidden-sea-glass: #6fcdc3;
$hidden-sea-glass-rgb: 111, 205, 195;
$hidden-sea-glass-light: mix(#fff, $hidden-sea-glass, 20%);
$hidden-sea-glass-dark: mix(#000, $hidden-sea-glass, 20%);
.element {
color: $hidden-sea-glass;
box-shadow: 0 0 0 2px rgba($hidden-sea-glass, 0.35);
}