最も近い色名 · #69C9C0
#69C9C0
最も近い色名: Cyantific
#69C9C0（rgb(105 201 192)、hsl(174 47% 60%)、oklch(0.775 0.092 187.5)）に最も近い色名はCyantificです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#69C9C0
oklch(0.775 0.092 187.5)
カラー変換
- HEX
- #69c9c0
- RGB
- rgb(105 201 192)
- HSL
- hsl(174 47% 60%)
- HWB
- hwb(174 41% 21%)
- OKLCH
- oklch(0.775 0.092 187.5)
- OKLab
- oklab(0.775 -0.091 -0.012)
- CIE Lab
- lab(74.96 -31.37 -4.76)
- LCH
- lch(74.96 31.73 188.6)
- CMYK
- cmyk(48% 0% 4% 21%)
ティント · シェード · トーン
ティント
- 7BCFC6
- 8BD4CC
- 9BD9D3
- AADFD9
- B8E4DF
- C7EAE5
- D5EFEC
- E3F4F2
- F1FAF9
シェード
- 5AAEA7
- 4C958E
- 3E7C76
- 31645F
- 244C49
- 183634
- 0C2220
- 040F0E
- 000202
トーン
- 6EC2B9
- 72BAB3
- 75B3AC
- 78ACA6
- 7AA49F
- 7C9D99
- 7E9693
- 7F8E8C
- 7F8786
カラーハーモニー
補色 +180°
- 69C9C0
Cyantific
- E99DAB
≈ Brandywine Spritz
類似色 -30° +30°
- 69C9C0
Cyantific
- 82C89F
≈ Foul Green
- 6BC4DD
≈ Squeaky
トライアド +120° +240°
- 69C9C0
Cyantific
- C6A6E4
≈ Tropical Violet
- DDAB75
≈ Sweet Cashew
スプリットコンプリメンタリー +150° +210°
- 69C9C0
Cyantific
- DD9FCB
≈ Rose Garden
- EAA18B
≈ Tonys Pink
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.95:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.71:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--cyantific: #69c9c0;
--cyantific-rgb: 105 201 192;
--cyantific-oklch: oklch(0.775 0.092 187.5);
}
.element {
color: var(--cyantific);
background-color: hsl(174 47% 60%);
border-color: oklch(0.775 0.092 187.5);
}Tailwind CSS v4
@theme {
--color-cyantific: #69c9c0;
--color-cyantific-50: #d8fefb;
--color-cyantific-100: #c6f2ee;
--color-cyantific-200: #a7e2dc;
--color-cyantific-300: #7ec7c1;
--color-cyantific-400: #56b0a8;
--color-cyantific-500: #1f9a91;
--color-cyantific-600: #1f827b;
--color-cyantific-700: #196862;
--color-cyantific-800: #104d47;
--color-cyantific-900: #0b3531;
--color-cyantific-950: #00201d;
}SCSS
$cyantific: #69c9c0;
$cyantific-rgb: 105, 201, 192;
$cyantific-light: mix(#fff, $cyantific, 20%);
$cyantific-dark: mix(#000, $cyantific, 20%);
.element {
color: $cyantific;
box-shadow: 0 0 0 2px rgba($cyantific, 0.35);
}