色名 · #51412D
Deep Bronze
Deep Bronzeは#51412D：rgb(81 65 45)、hsl(33 29% 25%)、oklch(0.387 0.039 72.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Deep Bronze color name →
#51412D
oklch(0.387 0.039 72.5)
カラー変換
- HEX
- #51412d
- RGB
- rgb(81 65 45)
- HSL
- hsl(33 29% 25%)
- HWB
- hwb(33 18% 68%)
- OKLCH
- oklch(0.387 0.039 72.5)
- OKLab
- oklab(0.387 0.012 0.037)
- CIE Lab
- lab(28.85 4.81 14.96)
- LCH
- lch(28.85 15.72 72.2)
- CMYK
- cmyk(0% 20% 44% 68%)
ティント · シェード · トーン
ティント
- 615240
- 716353
- 827566
- 93887B
- A49B90
- B6AEA5
- C8C2BB
- DAD6D1
- ECEAE8
シェード
- 453726
- 3A2E1F
- 2F2518
- 241C11
- 1A130B
- 100B06
- 070502
- 020101
- 000000
トーン
- 564735
- 5A4D3D
- 5F5345
- 645A4D
- 686056
- 6D665E
- 726D66
- 76736F
- 7B7977
カラーハーモニー
補色 +180°
- 51412D
Deep Bronze
- 354658
≈ Aristocratic Blue
類似色 -30° +30°
- 51412D
Deep Bronze
- 563E34
≈ Lounge Leather
- 48452D
≈ Tin Bitz
トライアド +120° +240°
- 51412D
Deep Bronze
- 2A4B4A
≈ Delta Green
- 4B3E53
≈ Sweet Grape
スプリットコンプリメンタリー +150° +210°
- 51412D
Deep Bronze
- 2C4953
≈ Dad’s Coupe
- 414258
≈ Attorney
テトラード +90° +180° +270°
- 51412D
Deep Bronze
- 314B3E
≈ Norfolk Green
- 354658
≈ Aristocratic Blue
- 533C4A
≈ Indulgence
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.79:1 · APCA Lc 93
Ag
Fail黒の上
WCAG 2.14:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.79:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--deep-bronze: #51412d;
--deep-bronze-rgb: 81 65 45;
--deep-bronze-oklch: oklch(0.387 0.039 72.5);
}
.element {
color: var(--deep-bronze);
background-color: hsl(33 29% 25%);
border-color: oklch(0.387 0.039 72.5);
}Tailwind CSS v4
@theme {
--color-deep-bronze: #51412d;
--color-deep-bronze-50: #fcf4e9;
--color-deep-bronze-100: #f0e6da;
--color-deep-bronze-200: #ded2c3;
--color-deep-bronze-300: #c3b5a2;
--color-deep-bronze-400: #ad9b86;
--color-deep-bronze-500: #96836a;
--color-deep-bronze-600: #7f6f5a;
--color-deep-bronze-700: #665848;
--color-deep-bronze-800: #4b4034;
--color-deep-bronze-900: #342c23;
--color-deep-bronze-950: #201912;
}SCSS
$deep-bronze: #51412d;
$deep-bronze-rgb: 81, 65, 45;
$deep-bronze-light: mix(#fff, $deep-bronze, 20%);
$deep-bronze-dark: mix(#000, $deep-bronze, 20%);
.element {
color: $deep-bronze;
box-shadow: 0 0 0 2px rgba($deep-bronze, 0.35);
}