最も近い色名 · #BDB69F
#BDB69F
最も近い色名: Forgotten Tusk
#BDB69F（rgb(189 182 159)、hsl(46 19% 68%)、oklch(0.776 0.033 93)）に最も近い色名はForgotten Tuskです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#BDB69F
oklch(0.776 0.033 93)
カラー変換
- HEX
- #bdb69f
- RGB
- rgb(189 182 159)
- HSL
- hsl(46 19% 68%)
- HWB
- hwb(46 62% 26%)
- OKLCH
- oklch(0.776 0.033 93)
- OKLab
- oklab(0.776 -0.002 0.033)
- CIE Lab
- lab(74.16 -0.33 12.69)
- LCH
- lch(74.16 12.7 91.5)
- CMYK
- cmyk(0% 4% 16% 26%)
ティント · シェード · トーン
ティント
- C3BDA8
- CAC4B2
- D0CBBB
- D7D3C5
- DEDACE
- E4E1D8
- EBE9E2
- F2F0EB
- F8F8F5
シェード
- A49E8A
- 8C8675
- 746F61
- 5D594D
- 47443B
- 333029
- 1F1D18
- 0D0C09
- 020201
トーン
- B7B09C
- B0AB99
- AAA596
- A4A093
- 9E9B90
- 98958C
- 929089
- 8C8B86
- 868583
カラーハーモニー
補色 +180°
- BDB69F
Forgotten Tusk
- AFB5CC
≈ Soul Sister
類似色 -30° +30°
- BDB69F
Forgotten Tusk
- C6B2A1
≈ Cracked Earth
- B2BAA3
≈ Matt Sage
トライアド +120° +240°
- BDB69F
Forgotten Tusk
- 9FBCC3
≈ French Moire
- C3AFBF
≈ La-De-Dah
スプリットコンプリメンタリー +150° +210°
- BDB69F
Forgotten Tusk
- A5B9CA
≈ Always Blue
- BAB1C8
≈ Violet Bouquet
テトラード +90° +180° +270°
- BDB69F
Forgotten Tusk
- A0BDB8
≈ Nursery Wall
- AFB5CC
≈ Soul Sister
- C9AEB4
≈ Scented Frill
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.02:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.35:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.35:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--forgotten-tusk: #bdb69f;
--forgotten-tusk-rgb: 189 182 159;
--forgotten-tusk-oklch: oklch(0.776 0.033 93);
}
.element {
color: var(--forgotten-tusk);
background-color: hsl(46 19% 68%);
border-color: oklch(0.776 0.033 93);
}Tailwind CSS v4
@theme {
--color-forgotten-tusk: #bdb69f;
--color-forgotten-tusk-50: #f8f5eb;
--color-forgotten-tusk-100: #ebe8dc;
--color-forgotten-tusk-200: #d8d4c5;
--color-forgotten-tusk-300: #bcb8a5;
--color-forgotten-tusk-400: #a59e89;
--color-forgotten-tusk-500: #8d866e;
--color-forgotten-tusk-600: #78715d;
--color-forgotten-tusk-700: #605b4a;
--color-forgotten-tusk-800: #474236;
--color-forgotten-tusk-900: #312e25;
--color-forgotten-tusk-950: #1d1a13;
}SCSS
$forgotten-tusk: #bdb69f;
$forgotten-tusk-rgb: 189, 182, 159;
$forgotten-tusk-light: mix(#fff, $forgotten-tusk, 20%);
$forgotten-tusk-dark: mix(#000, $forgotten-tusk, 20%);
.element {
color: $forgotten-tusk;
box-shadow: 0 0 0 2px rgba($forgotten-tusk, 0.35);
}