色名 · #11FFFF
Looney Blue
Looney Blueは#11FFFF：rgb(17 255 255)、hsl(180 100% 53%)、oklch(0.906 0.153 194.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Looney Blue color name →
#11FFFF
oklch(0.906 0.153 194.8)
カラー変換
- HEX
- #11ffff
- RGB
- rgb(17 255 255)
- HSL
- hsl(180 100% 53%)
- HWB
- hwb(180 7% 0%)
- OKLCH
- oklch(0.906 0.153 194.8)
- OKLab
- oklab(0.906 -0.148 -0.039)
- CIE Lab
- lab(90.72 -50.27 -14.87)
- LCH
- lch(90.72 52.43 196.5)
- CMYK
- cmyk(93% 0% 0% 0%)
ティント · シェード · トーン
ティント
- 52FFFF
- 72FFFF
- 8AFFFF
- 9FFFFF
- B2FFFF
- C3FFFF
- D3FFFF
- E2FFFF
- F1FFFF
シェード
- 0DDEDE
- 09BEBE
- 069E9E
- 048080
- 026363
- 014848
- 002E2E
- 001616
- 000303
トーン
- 3EF2F2
- 52E5E4
- 60D8D7
- 6ACBCA
- 71BEBE
- 77B2B1
- 7BA5A5
- 7D9998
- 7F8C8C
カラーハーモニー
補色 +180°
- 11FFFF
Looney Blue
- FFD3D6
≈ Pink Fluorite
類似色 -30° +30°
- 11FFFF
Looney Blue
- 6FFFC7
≈ Iridescent Turquoise
- B5E9FF
≈ Blue Java Banana
トライアド +120° +240°
- 11FFFF
Looney Blue
- F1D3FF
≈ Rose Dragée
- FFD9A6
≈ Speak to Me
スプリットコンプリメンタリー +150° +210°
- 11FFFF
Looney Blue
- FFD0E9
≈ Little Smile
- FFD6C4
≈ Tiny Pink
テトラード +90° +180° +270°
- 11FFFF
Looney Blue
- DCDCFF
≈ Transparent Blue
- FFD3D6
≈ Pink Fluorite
- F0E55F
≈ Celandine
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.25:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.77:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.77:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--looney-blue: #11ffff;
--looney-blue-rgb: 17 255 255;
--looney-blue-oklch: oklch(0.906 0.153 194.8);
}
.element {
color: var(--looney-blue);
background-color: hsl(180 100% 53%);
border-color: oklch(0.906 0.153 194.8);
}Tailwind CSS v4
@theme {
--color-looney-blue: #11ffff;
--color-looney-blue-50: #c2ffff;
--color-looney-blue-100: #aaf8f9;
--color-looney-blue-200: #7de9ea;
--color-looney-blue-300: #34cfd2;
--color-looney-blue-400: #00b9ba;
--color-looney-blue-500: #00a3a5;
--color-looney-blue-600: #008a8b;
--color-looney-blue-700: #006e70;
--color-looney-blue-800: #005251;
--color-looney-blue-900: #003938;
--color-looney-blue-950: #002323;
}SCSS
$looney-blue: #11ffff;
$looney-blue-rgb: 17, 255, 255;
$looney-blue-light: mix(#fff, $looney-blue, 20%);
$looney-blue-dark: mix(#000, $looney-blue, 20%);
.element {
color: $looney-blue;
box-shadow: 0 0 0 2px rgba($looney-blue, 0.35);
}