色名 · #665D59
Oswego Tea
Oswego Teaは#665D59：rgb(102 93 89)、hsl(18 7% 37%)、oklch(0.486 0.013 45.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Oswego Tea color name →
#665D59
oklch(0.486 0.013 45.6)
カラー変換
- HEX
- #665d59
- RGB
- rgb(102 93 89)
- HSL
- hsl(18 7% 37%)
- HWB
- hwb(18 35% 60%)
- OKLCH
- oklch(0.486 0.013 45.6)
- OKLab
- oklab(0.486 0.009 0.009)
- CIE Lab
- lab(40.26 3.17 3.68)
- LCH
- lch(40.26 4.86 49.3)
- CMYK
- cmyk(0% 9% 13% 60%)
ティント · シェード · トーン
ティント
- 746C68
- 837B78
- 918A87
- A09A98
- AFAAA8
- BFBBB9
- CFCBCA
- DFDCDB
- EFEEED
シェード
- 58504C
- 4A4340
- 3C3734
- 2F2A28
- 231F1D
- 171413
- 0C0A09
- 040303
- 000000
トーン
- 69605D
- 6B6461
- 6E6764
- 706B68
- 736E6C
- 767270
- 787574
- 7B7978
- 7D7C7C
カラーハーモニー
補色 +180°
- 665D59
Oswego Tea
- 586165
≈ Anchor Grey
類似色 -30° +30°
- 665D59
Oswego Tea
- 675C5D
≈ Phantom Hue
- 645E57
≈ Manor House
トライアド +120° +240°
- 665D59
Oswego Tea
- 59625D
≈ Charcoal Briquette
- 5E5E67
≈ Baroque Grey
スプリットコンプリメンタリー +150° +210°
- 665D59
Oswego Tea
- 576261
≈ Paramount
- 5A6067
≈ Blue Slate
テトラード +90° +180° +270°
- 665D59
Oswego Tea
- 5C615A
≈ Ruins of Pompeii
- 586165
≈ Anchor Grey
- 625D64
≈ Wonder Wine
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.41:1 · APCA Lc 82
Ag
Fail黒の上
WCAG 3.27:1 · APCA Lc 20
最適な文字色: #FFFFFF
WCAG 6.41:1 (AA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--oswego-tea: #665d59;
--oswego-tea-rgb: 102 93 89;
--oswego-tea-oklch: oklch(0.486 0.013 45.6);
}
.element {
color: var(--oswego-tea);
background-color: hsl(18 7% 37%);
border-color: oklch(0.486 0.013 45.6);
}Tailwind CSS v4
@theme {
--color-oswego-tea: #665d59;
--color-oswego-tea-50: #f9f4f2;
--color-oswego-tea-100: #ece7e4;
--color-oswego-tea-200: #d9d3cf;
--color-oswego-tea-300: #bdb5b2;
--color-oswego-tea-400: #a69c98;
--color-oswego-tea-500: #8e847f;
--color-oswego-tea-600: #786f6b;
--color-oswego-tea-700: #605956;
--color-oswego-tea-800: #47413f;
--color-oswego-tea-900: #312d2b;
--color-oswego-tea-950: #1d1a18;
}SCSS
$oswego-tea: #665d59;
$oswego-tea-rgb: 102, 93, 89;
$oswego-tea-light: mix(#fff, $oswego-tea, 20%);
$oswego-tea-dark: mix(#000, $oswego-tea, 20%);
.element {
color: $oswego-tea;
box-shadow: 0 0 0 2px rgba($oswego-tea, 0.35);
}