標誌

調色盤

我們有相當廣泛的調色板。除了我們的棕色和灰階顏色外,每種原色都具有 100% 的飽和度和 79% 的亮度,確保客戶平等地體驗原色。強調色和懸停色是分開指定的,對於較淺的強調色,亮度會增加,對於懸停效果,亮度會降低。

您會注意到,這些顏色在黑色或白色的顏色上都有相應的名稱。這些顏色已經過色盲測試。如果您要將文字放在顏色上, 按照此處指定的文字在顏色範例上進行操作。
Balance Blue

Hex: #006BC9
HSB: 208, 100, 79
RGB: 0, 107, 201
CMYK: 100, 47, 0, 21
HSL: 208, 100%, 39%

CCHP Red

Hex: #C90007
HSB: 358, 100, 79
RGB: 201, 0, 7
CMYK: 0, 100, 97, 21
HSL: 358, 100%, 39%

Columbia Blue

This color was contrived from Balance Blue. The luminosity was raised from 39% to 89%. Use for accent and/or contrast.
Hex: #C7E5FF
HSB: 208, 22, 100
RGB: 199, 229, 255
CMYK: 22, 10, 0, 0
HSL: 208, 100%, 89%

Lapis Lazuli

This color was contrived from Balance Blue. The luminosity was decreased from 39% to 34%. Use for hover effects.
Hex: #005CAD
HSB: 208, 100, 68
RGB: 0, 92, 173
CMYK: 100, 47, 0, 32
HSL: 208, 100%, 34%

Tea Rose

This color was contrived from Chinese New Year Red. The luminosity was raised from 39% to 89%. Use for accent and/or contrast.
Hex: #C99700
HSB: 358, 22, 100
RGB: 255, 199, 201
CMYK: 0, 22, 21, 0
HSL: 358, 100%, 89%

Turkey Red

This color was contrived from Chinese New Year Red. The luminosity was decreased from 39% to 34%. Use for hover effects.
Hex: #AD0006
HSB: 358, 100, 68
RGB: 173, 0, 6
CMYK: 0, 100, 97, 32
HSL: 358, 100%, 34%

Violet / Group Plans

Hex: #8300C9
HSB: 279, 100, 79
RGB: 131, 0, 201
CMYK: 35, 100, 0, 21
HSL: 279, 100%, 39%

Emerald / Sr Select

Hex: #00C742
HSB: 140, 100, 78
RGB: 0, 199, 66
CMYK: 100, 0, 67, 22
HSL: 140, 100%, 39%

Sapphire / Sr Value

Hex: #0A00C7
HSB: 243, 100, 78
RGB: 10, 0, 199
CMYK: 95, 100, 0, 22
HSL: 243, 100%, 39%

Mauve

This color was contrived from Violet. The luminosity was raised from 39% to 89%. Use for accent and/or contrast.
Hex: #ebc7ff
HSB: 279, 22, 100
RGB: 235, 199, 255
CMYK: 8, 22, 0, 0
HSL: 279, 100%, 89%

Grape

This color was contrived from Violet. The luminosity was decreased from 39% to 34%. Use for hover effects.
Hex: #7100ad
HSB: 279, 100, 68
RGB: 113, 0, 173
CMYK: 35, 100, 0, 32
HSL: 279, 100%, 34%

Tea Green

This color was contrived from Emerald. The luminosity was raised from 39% to 89%. Use for accent and/or contrast.
Hex: #C7FFDA
HSB: 140, 22, 100
RGB: 199, 255, 218
CMYK: 22, 0, 15, 0
HSL: 140, 100%, 89%

Green

This color was contrived from Emerald. The luminosity was decreased from 39% to 34%. Use for hover effects.
Hex: #00AD3A
HSB: 140, 100, 68
RGB: 0, 173, 58
CMYK: 100, 0, 66, 32
HSL: 140, 100%, 34%

Periwinkle

This color was contrived from Sapphire. The luminosity was increased from 39% to 89%. Use for accent and/or contrast.
Hex: #CAC7FF
HSB: 243, 22, 100
RGB: 202, 199, 255
CMYK: 21, 22, 0, 0
HSL: 243, 100%, 89%

Dark Blue

This color was contrived from Sapphire. The luminosity was decreased from 39% to 34%. Use for hover effects.
Hex: #0900AD
HSB: 243, 100, 68
RGB: 95, 100, 0, 32
CMYK: 100, 62, 0, 32
HSL: 243, 100%, 34%

Jade

Hex: #00C980
HSB: 158, 100, 79
RGB: 0, 201, 128
CMYK: 100, 0, 36, 21
HSL: 158, 100%, 39%

Chamoise

Hex: #99785C
HSB: 28, 40, 60
RGB: 153, 120, 92
CMYK: 0, 22, 40, 40

Bronze

Hex: #C96B00
HSB: 32, 100, 79
RGB: 201, 107, 0
CMYK: 0, 47, 100, 21

Amber

Hex: #C99700
HSB: 45, 100, 79
RGB: 201, 151, 0
CMYK: 0, 25, 100, 21

Gold

Hex: #C9B500
HSB: 54, 100, 79
RGB: 201, 181, 0
CMYK: 0, 10, 100, 21

Magenta

Hex: #C9006B
HSB: 328, 100, 79
RGB: 201, 0, 107
CMYK: 0, 100, 47, 21

White Smoke

Hex: #F5F5F5
HSB: 0, 0, 96
RGB: 245, 245, 245
CMYK: 0, 0, 0, 4

Platinum

Hex: #E3E1E1
HSB: 358, 1, 89
RGB: 227, 225, 225
CMYK: 0, 1, 1, 11

Silver

Hex: #B0AEAE
HSB: 358, 1, 69
RGB: 176, 174, 174
CMYK: 0, 1, 1, 31

Gray

Hex: #7D7C7C
HSB: 358, 1, 49
RGB: 125, 124, 124
CMYK: 0, 1, 1, 51

Onyx

Hex: #4A4949
HSB: 358, 1, 29
RGB: 74, 73, 73
CMYK: 0, 1, 1, 71

Almost Black

Hex: #171717
HSB: 0, 0, 9
RGB: 23, 23, 23
CMYK: 0, 0, 0, 91