色名 · #32A7B5
Green Buoy
Green Buoyは#32A7B5：rgb(50 167 181)、hsl(186 57% 45%)、oklch(0.671 0.102 206.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Green Buoy color name →
#32A7B5
oklch(0.671 0.102 206.8)
カラー変換
- HEX
- #32a7b5
- RGB
- rgb(50 167 181)
- HSL
- hsl(186 57% 45%)
- HWB
- hwb(186 20% 29%)
- OKLCH
- oklch(0.671 0.102 206.8)
- OKLab
- oklab(0.671 -0.091 -0.046)
- CIE Lab
- lab(62.69 -29.6 -17.13)
- LCH
- lch(62.69 34.2 210.1)
- CMYK
- cmyk(72% 8% 0% 29%)
ティント · シェード · トーン
ティント
- 4FB0BC
- 67B9C4
- 7CC2CB
- 90CAD2
- A3D3DA
- B6DCE1
- C8E5E9
- DAEDF0
- EDF6F8
シェード
- 2A919D
- 227B86
- 1B666F
- 145259
- 0D3E44
- 072C30
- 031A1D
- 010A0C
- 000102
トーン
- 41A3B0
- 4D9FAA
- 569CA5
- 5E98A0
- 66949A
- 6C9095
- 728C90
- 77888B
- 7C8485
カラーハーモニー
補色 +180°
- 32A7B5
Green Buoy
- CD7C74
≈ Chilli Soda
類似色 -30° +30°
- 32A7B5
Green Buoy
- 41AA94
≈ Jewel Weed
- 519FCC
≈ Blue Iguana
トライアド +120° +240°
- 32A7B5
Green Buoy
- B77FB7
≈ Cheddar Pink Mauve
- B19145
≈ Venetian Gold
スプリットコンプリメンタリー +150° +210°
- 32A7B5
Green Buoy
- C87A97
≈ Wild Rose
- C58555
≈ Maple Syrup Brown
テトラード +90° +180° +270°
- 32A7B5
Green Buoy
- 9C88CD
≈ Petrified Purple
- CD7C74
≈ Chilli Soda
- 919E51
≈ Spinach Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.86:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.33:1 · APCA Lc 47
最適な文字色: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
コードスニペット
CSS
:root {
--green-buoy: #32a7b5;
--green-buoy-rgb: 50 167 181;
--green-buoy-oklch: oklch(0.671 0.102 206.8);
}
.element {
color: var(--green-buoy);
background-color: hsl(186 57% 45%);
border-color: oklch(0.671 0.102 206.8);
}Tailwind CSS v4
@theme {
--color-green-buoy: #32a7b5;
--color-green-buoy-50: #d5feff;
--color-green-buoy-100: #c1f2fa;
--color-green-buoy-200: #a1e1ec;
--color-green-buoy-300: #75c6d3;
--color-green-buoy-400: #46afbd;
--color-green-buoy-500: #0098a8;
--color-green-buoy-600: #00818e;
--color-green-buoy-700: #006772;
--color-green-buoy-800: #004c53;
--color-green-buoy-900: #00353a;
--color-green-buoy-950: #002024;
}SCSS
$green-buoy: #32a7b5;
$green-buoy-rgb: 50, 167, 181;
$green-buoy-light: mix(#fff, $green-buoy, 20%);
$green-buoy-dark: mix(#000, $green-buoy, 20%);
.element {
color: $green-buoy;
box-shadow: 0 0 0 2px rgba($green-buoy, 0.35);
}