色名 · #A9875B
Partridge Knoll
Partridge Knollは#A9875B：rgb(169 135 91)、hsl(34 31% 51%)、oklch(0.645 0.073 73.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Partridge Knoll color name →
#A9875B
oklch(0.645 0.073 73.1)
カラー変換
- HEX
- #a9875b
- RGB
- rgb(169 135 91)
- HSL
- hsl(34 31% 51%)
- HWB
- hwb(34 36% 34%)
- OKLCH
- oklch(0.645 0.073 73.1)
- OKLab
- oklab(0.645 0.021 0.07)
- CIE Lab
- lab(58.82 9.12 28.8)
- LCH
- lch(58.82 30.21 72.4)
- CMYK
- cmyk(0% 20% 46% 34%)
ティント · シェード · トーン
ティント
- B2936B
- BA9E7B
- C3AA8B
- CBB69B
- D4C2AC
- DCCEBC
- E5DACD
- EEE6DD
- F6F3EE
シェード
- 92754E
- 7C6341
- 675135
- 534129
- 3F311E
- 2C2113
- 1B1309
- 0A0603
- 010100
トーン
- A5865F
- A18664
- 9D8568
- 99856B
- 95846F
- 918373
- 8C8276
- 888279
- 84817D
カラーハーモニー
補色 +180°
- A9875B
Partridge Knoll
- 6E91BA
≈ Hushed Lilac
類似色 -30° +30°
- A9875B
Partridge Knoll
- B47F6A
≈ Brick Fence
- 95905B
≈ Cardamom Green
トライアド +120° +240°
- A9875B
Partridge Knoll
- 539C9A
≈ Cold North
- 9D81AE
≈ Regal Orchid
スプリットコンプリメンタリー +150° +210°
- A9875B
Partridge Knoll
- 5998AE
≈ Chivalry
- 8788B9
≈ Soft Blue Lavender
テトラード +90° +180° +270°
- A9875B
Partridge Knoll
- 639C81
≈ Scotch Lassie
- 6E91BA
≈ Hushed Lilac
- AE7C99
≈ Antique Hot Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.33:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.30:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
CSS
:root {
--partridge-knoll: #a9875b;
--partridge-knoll-rgb: 169 135 91;
--partridge-knoll-oklch: oklch(0.645 0.073 73.1);
}
.element {
color: var(--partridge-knoll);
background-color: hsl(34 31% 51%);
border-color: oklch(0.645 0.073 73.1);
}Tailwind CSS v4
@theme {
--color-partridge-knoll: #a9875b;
--color-partridge-knoll-50: #fff3df;
--color-partridge-knoll-100: #f7e5ce;
--color-partridge-knoll-200: #e7d0b2;
--color-partridge-knoll-300: #ceb38e;
--color-partridge-knoll-400: #b9986e;
--color-partridge-knoll-500: #a47f4e;
--color-partridge-knoll-600: #8a6b42;
--color-partridge-knoll-700: #6f5635;
--color-partridge-knoll-800: #523e25;
--color-partridge-knoll-900: #392b19;
--color-partridge-knoll-950: #24180a;
}SCSS
$partridge-knoll: #a9875b;
$partridge-knoll-rgb: 169, 135, 91;
$partridge-knoll-light: mix(#fff, $partridge-knoll, 20%);
$partridge-knoll-dark: mix(#000, $partridge-knoll, 20%);
.element {
color: $partridge-knoll;
box-shadow: 0 0 0 2px rgba($partridge-knoll, 0.35);
}