最も近い色名 · #C89571
#C89571
最も近い色名: Butterum
#C89571（rgb(200 149 113)、hsl(25 44% 61%)、oklch(0.71 0.079 56.3)）に最も近い色名はButterumです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C89571
oklch(0.71 0.079 56.3)
カラー変換
- HEX
- #c89571
- RGB
- rgb(200 149 113)
- HSL
- hsl(25 44% 61%)
- HWB
- hwb(25 44% 22%)
- OKLCH
- oklch(0.71 0.079 56.3)
- OKLab
- oklab(0.71 0.044 0.066)
- CIE Lab
- lab(66.06 16.46 26.9)
- LCH
- lch(66.06 31.54 58.5)
- CMYK
- cmyk(0% 25% 44% 22%)
ティント · シェード · トーン
ティント
- CE9F7F
- D4AA8D
- D9B49B
- DFBFA9
- E4C9B7
- EAD4C5
- EFDFD4
- F5E9E2
- FAF4F0
シェード
- AE8161
- 946D52
- 7B5A43
- 634835
- 4C3727
- 36261A
- 21160E
- 0F0804
- 020101
トーン
- C19373
- BA9175
- B38F77
- AB8D78
- A48B7A
- 9D897B
- 96877C
- 8F847E
- 87827F
カラーハーモニー
補色 +180°
- C89571
Butterum
- 70A9CD
≈ Chronus Blue
類似色 -30° +30°
- C89571
Butterum
- CE8F87
≈ Resounding Rose
- B79E67
≈ Grainfield
トライアド +120° +240°
- C89571
Butterum
- 68B2A0
≈ Tropic Turquoise
- A698CE
≈ Gorgeous Hydrangea
スプリットコンプリメンタリー +150° +210°
- C89571
Butterum
- 61B0BA
≈ Ocean Trip
- 8BA1D4
≈ Azureno
テトラード +90° +180° +270°
- C89571
Butterum
- 81AF84
≈ Peapod
- 70A9CD
≈ Chronus Blue
- BC90BC
≈ La la Love
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.62:1 · APCA Lc 51
Ag
AAA黒の上
WCAG 7.99:1 · APCA Lc 51
最適な文字色: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
CSS
:root {
--butterum: #c89571;
--butterum-rgb: 200 149 113;
--butterum-oklch: oklch(0.71 0.079 56.3);
}
.element {
color: var(--butterum);
background-color: hsl(25 44% 61%);
border-color: oklch(0.71 0.079 56.3);
}Tailwind CSS v4
@theme {
--color-butterum: #c89571;
--color-butterum-50: #fff0df;
--color-butterum-100: #fde2cf;
--color-butterum-200: #efcdb4;
--color-butterum-300: #d7ae90;
--color-butterum-400: #c39371;
--color-butterum-500: #ae7851;
--color-butterum-600: #936645;
--color-butterum-700: #765137;
--color-butterum-800: #583b27;
--color-butterum-900: #3d281a;
--color-butterum-950: #27160b;
}SCSS
$butterum: #c89571;
$butterum-rgb: 200, 149, 113;
$butterum-light: mix(#fff, $butterum, 20%);
$butterum-dark: mix(#000, $butterum, 20%);
.element {
color: $butterum;
box-shadow: 0 0 0 2px rgba($butterum, 0.35);
}