色名 · #332200
Black Swan
Black Swanは#332200：rgb(51 34 0)、hsl(40 100% 10%)、oklch(0.266 0.055 80.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Black Swan color name →
#332200
oklch(0.266 0.055 80.9)
カラー変換
- HEX
- #332200
- RGB
- rgb(51 34 0)
- HSL
- hsl(40 100% 10%)
- HWB
- hwb(40 0% 80%)
- OKLCH
- oklch(0.266 0.055 80.9)
- OKLab
- oklab(0.266 0.009 0.054)
- CIE Lab
- lab(14.86 5.7 21.82)
- LCH
- lch(14.86 22.56 75.4)
- CMYK
- cmyk(0% 33% 100% 80%)
ティント · シェード · トーン
ティント
- 453518
- 58492F
- 6B5D47
- 7E735F
- 938978
- A89F91
- BDB6AC
- D2CEC7
- E9E6E3
シェード
- 2B1C00
- 231600
- 1C1100
- 140B00
- 0D0700
- 070300
- 030100
- 010000
- 000000
トーン
- 3A2B0D
- 42341B
- 493D27
- 514633
- 584F40
- 60594C
- 686259
- 706C66
- 787673
カラーハーモニー
補色 +180°
- 332200
Black Swan
- 162540
≈ Cool Balaclavas Are Forever
類似色 -30° +30°
- 332200
Black Swan
- 3A1D0A
≈ Close but No Cigar
- 272803
≈ Liquorice Root
トライアド +120° +240°
- 332200
Black Swan
- 002C2E
≈ Black Chasm
- 311C36
≈ Blackcurrant
スプリットコンプリメンタリー +150° +210°
- 332200
Black Swan
- 002A3B
≈ Murky Depths
- 26203E
≈ Throat
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 15.33:1 · APCA Lc 102
Ag
Fail黒の上
WCAG 1.36:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 15.33:1 (AAA) · APCA Lc 102
Contrast pairs
コードスニペット
CSS
:root {
--black-swan: #332200;
--black-swan-rgb: 51 34 0;
--black-swan-oklch: oklch(0.266 0.055 80.9);
}
.element {
color: var(--black-swan);
background-color: hsl(40 100% 10%);
border-color: oklch(0.266 0.055 80.9);
}Tailwind CSS v4
@theme {
--color-black-swan: #332200;
--color-black-swan-50: #fdf4e4;
--color-black-swan-100: #f1e7d4;
--color-black-swan-200: #e0d3ba;
--color-black-swan-300: #c5b598;
--color-black-swan-400: #af9c7a;
--color-black-swan-500: #99835c;
--color-black-swan-600: #816f4e;
--color-black-swan-700: #68583e;
--color-black-swan-800: #4d402d;
--color-black-swan-900: #352c1e;
--color-black-swan-950: #20190e;
}SCSS
$black-swan: #332200;
$black-swan-rgb: 51, 34, 0;
$black-swan-light: mix(#fff, $black-swan, 20%);
$black-swan-dark: mix(#000, $black-swan, 20%);
.element {
color: $black-swan;
box-shadow: 0 0 0 2px rgba($black-swan, 0.35);
}