色名 · #717E73
Boreal
Borealは#717E73：rgb(113 126 115)、hsl(129 5% 47%)、oklch(0.579 0.023 149.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Boreal color name →
#717E73
oklch(0.579 0.023 149.9)
カラー変換
- HEX
- #717e73
- RGB
- rgb(113 126 115)
- HSL
- hsl(129 5% 47%)
- HWB
- hwb(129 44% 51%)
- OKLCH
- oklch(0.579 0.023 149.9)
- OKLab
- oklab(0.579 -0.02 0.011)
- CIE Lab
- lab(51.46 -6.69 4.29)
- LCH
- lch(51.46 7.95 147.3)
- CMYK
- cmyk(10% 0% 9% 51%)
ティント · シェード · トーン
ティント
- 7E8A80
- 8C968D
- 99A39B
- A7B0A9
- B6BCB7
- C4C9C5
- D2D7D3
- E1E4E1
- F0F1F0
シェード
- 616D63
- 525C54
- 434C45
- 353C36
- 272D28
- 1A1F1B
- 0E110F
- 040505
- 010101
トーン
- 737E74
- 747E76
- 767F77
- 777F78
- 797F7A
- 7A7F7B
- 7C7F7C
- 7D807D
- 7F807F
カラーハーモニー
補色 +180°
- 717E73
Boreal
- 827581
≈ Chain Mail
類似色 -30° +30°
- 717E73
Boreal
- 787C6D
≈ Wild Pigeon
- 6C7F7A
≈ Sabiasagi Blue
トライアド +120° +240°
- 717E73
Boreal
- 757A88
≈ Abandoned Spaceship
- 877572
≈ Soft Bark
スプリットコンプリメンタリー +150° +210°
- 717E73
Boreal
- 7C7786
≈ Brewing Storm
- 867579
≈ Choo Choo
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.25:1 · APCA Lc 69
Ag
AA黒の上
WCAG 4.93:1 · APCA Lc 32
最適な文字色: #000000
WCAG 4.93:1 (AA) · APCA Lc 32
Contrast pairs
コードスニペット
CSS
:root {
--boreal: #717e73;
--boreal-rgb: 113 126 115;
--boreal-oklch: oklch(0.579 0.023 149.9);
}
.element {
color: var(--boreal);
background-color: hsl(129 5% 47%);
border-color: oklch(0.579 0.023 149.9);
}Tailwind CSS v4
@theme {
--color-boreal: #717e73;
--color-boreal-50: #f1f7f2;
--color-boreal-100: #e3eae4;
--color-boreal-200: #ced7cf;
--color-boreal-300: #afbbb2;
--color-boreal-400: #95a297;
--color-boreal-500: #7c8b7e;
--color-boreal-600: #69756b;
--color-boreal-700: #545e55;
--color-boreal-800: #3d453e;
--color-boreal-900: #2a2f2b;
--color-boreal-950: #181c18;
}SCSS
$boreal: #717e73;
$boreal-rgb: 113, 126, 115;
$boreal-light: mix(#fff, $boreal, 20%);
$boreal-dark: mix(#000, $boreal, 20%);
.element {
color: $boreal;
box-shadow: 0 0 0 2px rgba($boreal, 0.35);
}