最も近い色名 · #81C0CB
#81C0CB
最も近い色名: Wavelet
#81C0CB（rgb(129 192 203)、hsl(189 42% 65%)、oklch(0.769 0.066 209.6)）に最も近い色名はWaveletです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#81C0CB
oklch(0.769 0.066 209.6)
カラー変換
- HEX
- #81c0cb
- RGB
- rgb(129 192 203)
- HSL
- hsl(189 42% 65%)
- HWB
- hwb(189 51% 20%)
- OKLCH
- oklch(0.769 0.066 209.6)
- OKLab
- oklab(0.769 -0.057 -0.033)
- CIE Lab
- lab(73.74 -18.87 -12.32)
- LCH
- lch(73.74 22.54 213.1)
- CMYK
- cmyk(36% 5% 0% 20%)
ティント · シェード · トーン
ティント
- 8EC6D0
- 9BCDD5
- A8D3DB
- B4D9E0
- C1DFE5
- CDE6EA
- DAECEF
- E6F2F5
- F3F9FA
シェード
- 6FA7B0
- 5E8E96
- 4E767D
- 3E5F65
- 2E494D
- 1F3437
- 122022
- 060E0F
- 010202
トーン
- 82B9C3
- 82B3BC
- 83ADB4
- 83A6AC
- 83A0A5
- 83999D
- 829396
- 828D8F
- 818687
カラーハーモニー
補色 +180°
- 81C0CB
Wavelet
- DBA59B
≈ Quiet Pink
類似色 -30° +30°
- 81C0CB
Wavelet
- 85C2B5
≈ Seaborn
- 8DBADA
≈ Frozen Whisper
トライアド +120° +240°
- 81C0CB
Wavelet
- CDA5C8
≈ Geranium Bud
- C4B384
≈ Desert Floor
スプリットコンプリメンタリー +150° +210°
- 81C0CB
Wavelet
- D8A3B2
≈ Lili Elbe’s Pink
- D4AA8A
≈ Autumn Air
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.03:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.33:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.33:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--wavelet: #81c0cb;
--wavelet-rgb: 129 192 203;
--wavelet-oklch: oklch(0.769 0.066 209.6);
}
.element {
color: var(--wavelet);
background-color: hsl(189 42% 65%);
border-color: oklch(0.769 0.066 209.6);
}Tailwind CSS v4
@theme {
--color-wavelet: #81c0cb;
--color-wavelet-50: #e1fbff;
--color-wavelet-100: #d0eef5;
--color-wavelet-200: #b5dce5;
--color-wavelet-300: #90c1cb;
--color-wavelet-400: #6faab4;
--color-wavelet-500: #4c929e;
--color-wavelet-600: #417c86;
--color-wavelet-700: #34636b;
--color-wavelet-800: #24494e;
--color-wavelet-900: #183336;
--color-wavelet-950: #081e21;
}SCSS
$wavelet: #81c0cb;
$wavelet-rgb: 129, 192, 203;
$wavelet-light: mix(#fff, $wavelet, 20%);
$wavelet-dark: mix(#000, $wavelet, 20%);
.element {
color: $wavelet;
box-shadow: 0 0 0 2px rgba($wavelet, 0.35);
}