最も近い色名 · #67B1B6
#67B1B6
最も近い色名: Thalassa
#67B1B6（rgb(103 177 182)、hsl(184 35% 56%)、oklch(0.714 0.074 201.2)）に最も近い色名はThalassaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#67B1B6
oklch(0.714 0.074 201.2)
カラー変換
- HEX
- #67b1b6
- RGB
- rgb(103 177 182)
- HSL
- hsl(184 35% 56%)
- HWB
- hwb(184 40% 29%)
- OKLCH
- oklch(0.714 0.074 201.2)
- OKLab
- oklab(0.714 -0.069 -0.027)
- CIE Lab
- lab(67.56 -23.09 -10.2)
- LCH
- lch(67.56 25.24 203.8)
- CMYK
- cmyk(43% 3% 0% 29%)
ティント · シェード · トーン
ティント
- 77B9BD
- 87C0C4
- 97C8CC
- A6D0D3
- B5D8DA
- C4E0E1
- D3E7E9
- E1EFF0
- F0F7F8
シェード
- 59999E
- 4B8386
- 3D6C6F
- 305759
- 234244
- 172F30
- 0C1C1D
- 040C0C
- 000102
トーン
- 6BACB0
- 6FA7AB
- 72A2A6
- 759DA0
- 77989B
- 799495
- 7B8F90
- 7D8A8B
- 7F8585
カラーハーモニー
補色 +180°
- 67B1B6
Thalassa
- CD918F
≈ Tongue
類似色 -30° +30°
- 67B1B6
Thalassa
- 71B29D
≈ Dusty Jade Green
- 72ACC9
≈ Moonstone Blue
トライアド +120° +240°
- 67B1B6
Thalassa
- B994BF
≈ Sheer Lilac
- BB9E6D
≈ Buffalo Hide
スプリットコンプリメンタリー +150° +210°
- 67B1B6
Thalassa
- C890A8
≈ Bonny Belle
- C99678
≈ Chinook Salmon
テトラード +90° +180° +270°
- 67B1B6
Thalassa
- A39BCE
≈ Wistful
- CD918F
≈ Tongue
- A4A871
≈ Nurturing
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.45:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.54:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--thalassa: #67b1b6;
--thalassa-rgb: 103 177 182;
--thalassa-oklch: oklch(0.714 0.074 201.2);
}
.element {
color: var(--thalassa);
background-color: hsl(184 35% 56%);
border-color: oklch(0.714 0.074 201.2);
}Tailwind CSS v4
@theme {
--color-thalassa: #67b1b6;
--color-thalassa-50: #defcff;
--color-thalassa-100: #ccf0f3;
--color-thalassa-200: #b0dee2;
--color-thalassa-300: #8ac3c8;
--color-thalassa-400: #66acb1;
--color-thalassa-500: #40959b;
--color-thalassa-600: #377e83;
--color-thalassa-700: #2c6569;
--color-thalassa-800: #1e4a4c;
--color-thalassa-900: #143335;
--color-thalassa-950: #051f20;
}SCSS
$thalassa: #67b1b6;
$thalassa-rgb: 103, 177, 182;
$thalassa-light: mix(#fff, $thalassa, 20%);
$thalassa-dark: mix(#000, $thalassa, 20%);
.element {
color: $thalassa;
box-shadow: 0 0 0 2px rgba($thalassa, 0.35);
}