色名 · #55EEFF
Bioluminescence
Bioluminescenceは#55EEFF：rgb(85 238 255)、hsl(186 100% 67%)、oklch(0.876 0.128 205.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Bioluminescence color name →
#55EEFF
oklch(0.876 0.128 205.7)
カラー変換
- HEX
- #55eeff
- RGB
- rgb(85 238 255)
- HSL
- hsl(186 100% 67%)
- HWB
- hwb(186 33% 0%)
- OKLCH
- oklch(0.876 0.128 205.7)
- OKLab
- oklab(0.876 -0.115 -0.056)
- CIE Lab
- lab(86.69 -37.75 -20.76)
- LCH
- lch(86.69 43.09 208.8)
- CMYK
- cmyk(67% 7% 0% 0%)
ティント · シェード · トーン
ティント
- 6FF0FF
- 84F2FF
- 97F4FF
- A8F6FF
- B8F8FF
- C7F9FF
- D6FBFF
- E4FCFF
- F2FEFF
シェード
- 49CFDE
- 3DB1BE
- 31939E
- 267780
- 1C5C63
- 114248
- 082A2E
- 021416
- 000303
トーン
- 60E3F2
- 69D7E5
- 70CCD7
- 75C1CB
- 79B6BE
- 7CABB1
- 7EA0A5
- 7F9698
- 808B8C
カラーハーモニー
補色 +180°
- 55EEFF
Bioluminescence
- FFC6C0
≈ The Bluff
類似色 -30° +30°
- 55EEFF
Bioluminescence
- 69F2D2
≈ Light Turquoise
- A9DEFF
≈ Droplet
トライアド +120° +240°
- 55EEFF
Bioluminescence
- FDBCFF
≈ Distilled Rose
- FCD06C
≈ Faded Sunlight
スプリットコンプリメンタリー +150° +210°
- 55EEFF
Bioluminescence
- FFC2D8
≈ Sweet Romance
- FFC9A5
≈ Polly
テトラード +90° +180° +270°
- 55EEFF
Bioluminescence
- D9CEFF
≈ Pale Lavender
- FFC6C0
≈ The Bluff
- D2E17A
≈ Ajwain Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.39:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.06:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.06:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--bioluminescence: #55eeff;
--bioluminescence-rgb: 85 238 255;
--bioluminescence-oklch: oklch(0.876 0.128 205.7);
}
.element {
color: var(--bioluminescence);
background-color: hsl(186 100% 67%);
border-color: oklch(0.876 0.128 205.7);
}Tailwind CSS v4
@theme {
--color-bioluminescence: #55eeff;
--color-bioluminescence-50: #cbffff;
--color-bioluminescence-100: #b6f5fe;
--color-bioluminescence-200: #90e4f1;
--color-bioluminescence-300: #5bcad9;
--color-bioluminescence-400: #00b3c3;
--color-bioluminescence-500: #009caf;
--color-bioluminescence-600: #008494;
--color-bioluminescence-700: #006a77;
--color-bioluminescence-800: #004e56;
--color-bioluminescence-900: #00373c;
--color-bioluminescence-950: #002126;
}SCSS
$bioluminescence: #55eeff;
$bioluminescence-rgb: 85, 238, 255;
$bioluminescence-light: mix(#fff, $bioluminescence, 20%);
$bioluminescence-dark: mix(#000, $bioluminescence, 20%);
.element {
color: $bioluminescence;
box-shadow: 0 0 0 2px rgba($bioluminescence, 0.35);
}