色名 · #82DBCC
Shimmering Blue
Shimmering Blueは#82DBCC：rgb(130 219 204)、hsl(170 55% 68%)、oklch(0.831 0.089 182.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Shimmering Blue color name →
#82DBCC
oklch(0.831 0.089 182.1)
カラー変換
- HEX
- #82dbcc
- RGB
- rgb(130 219 204)
- HSL
- hsl(170 55% 68%)
- HWB
- hwb(170 51% 14%)
- OKLCH
- oklch(0.831 0.089 182.1)
- OKLab
- oklab(0.831 -0.089 -0.003)
- CIE Lab
- lab(81.52 -30.62 -1.46)
- LCH
- lch(81.52 30.66 182.7)
- CMYK
- cmyk(41% 0% 7% 14%)
ティント · シェード · トーン
ティント
- 90DFD1
- 9EE2D6
- ABE6DB
- B7EAE0
- C4EDE5
- D0F1EA
- DCF5EF
- E8F8F5
- F3FCFA
シェード
- 70BEB1
- 5FA297
- 4E877E
- 3E6D65
- 2F544E
- 203C37
- 122622
- 06110F
- 010202
トーン
- 83D2C4
- 84C8BC
- 85BFB5
- 85B6AD
- 85ADA5
- 85A49E
- 849B96
- 83928F
- 828987
カラーハーモニー
補色 +180°
- 82DBCC
Shimmering Blue
- F9B0C3
≈ Cupid
類似色 -30° +30°
- 82DBCC
Shimmering Blue
- 9CD9AB
≈ Peaceful Pastures
- 7FD7E9
≈ Medium Sky Blue
トライアド +120° +240°
- 82DBCC
Shimmering Blue
- D2BAF8
≈ Pink Illusion
- F2BB8C
≈ Brandy Butter
スプリットコンプリメンタリー +150° +210°
- 82DBCC
Shimmering Blue
- EBB3E2
≈ Pink Drink
- FCB3A4
≈ Just Blush
テトラード +90° +180° +270°
- 82DBCC
Shimmering Blue
- B4C5FF
≈ Light Periwinkle
- F9B0C3
≈ Cupid
- DCC684
≈ 24 Karat
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.62:1 · APCA Lc 28
Ag
AAA黒の上
WCAG 12.95:1 · APCA Lc 75
最適な文字色: #000000
WCAG 12.95:1 (AAA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--shimmering-blue: #82dbcc;
--shimmering-blue-rgb: 130 219 204;
--shimmering-blue-oklch: oklch(0.831 0.089 182.1);
}
.element {
color: var(--shimmering-blue);
background-color: hsl(170 55% 68%);
border-color: oklch(0.831 0.089 182.1);
}Tailwind CSS v4
@theme {
--color-shimmering-blue: #82dbcc;
--color-shimmering-blue-50: #dafef8;
--color-shimmering-blue-100: #c8f2eb;
--color-shimmering-blue-200: #aae1d8;
--color-shimmering-blue-300: #82c7bc;
--color-shimmering-blue-400: #5cb0a2;
--color-shimmering-blue-500: #2e998b;
--color-shimmering-blue-600: #298275;
--color-shimmering-blue-700: #21685e;
--color-shimmering-blue-800: #174c44;
--color-shimmering-blue-900: #0f352f;
--color-shimmering-blue-950: #02201b;
}SCSS
$shimmering-blue: #82dbcc;
$shimmering-blue-rgb: 130, 219, 204;
$shimmering-blue-light: mix(#fff, $shimmering-blue, 20%);
$shimmering-blue-dark: mix(#000, $shimmering-blue, 20%);
.element {
color: $shimmering-blue;
box-shadow: 0 0 0 2px rgba($shimmering-blue, 0.35);
}