色名 · #BBBCA1
Dried Thyme
Dried Thymeは#BBBCA1：rgb(187 188 161)、hsl(62 17% 68%)、oklch(0.787 0.037 109)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Dried Thyme color name →
#BBBCA1
oklch(0.787 0.037 109)
カラー変換
- HEX
- #bbbca1
- RGB
- rgb(187 188 161)
- HSL
- hsl(62 17% 68%)
- HWB
- hwb(62 63% 26%)
- OKLCH
- oklch(0.787 0.037 109)
- OKLab
- oklab(0.787 -0.012 0.035)
- CIE Lab
- lab(75.62 -3.84 13.61)
- LCH
- lch(75.62 14.14 105.7)
- CMYK
- cmyk(1% 0% 14% 26%)
ティント · シェード · トーン
ティント
- C2C3AA
- C8C9B3
- CFD0BD
- D6D6C6
- DCDDCF
- E3E4D9
- EAEBE2
- F1F1EC
- F8F8F5
シェード
- A2A38B
- 8A8B76
- 737362
- 5C5D4E
- 46473C
- 32322A
- 1F1F19
- 0D0D09
- 020201
トーン
- B5B69E
- AFB09A
- A9AA97
- A3A494
- 9D9E91
- 97988D
- 91928A
- 8B8C87
- 868683
カラーハーモニー
補色 +180°
- BBBCA1
Dried Thyme
- B8B6D1
≈ Madder Blue
類似色 -30° +30°
- BBBCA1
Dried Thyme
- C7B7A0
≈ Ranch Tan
- AEC0A9
≈ Meadow Morn
トライアド +120° +240°
- BBBCA1
Dried Thyme
- A2BFCD
≈ Frozen Tundra
- CDB0BD
≈ Pink Potion
スプリットコンプリメンタリー +150° +210°
- BBBCA1
Dried Thyme
- ACBBD2
≈ Sailor Boy
- C4B3C9
≈ Delicate Mauve
テトラード +90° +180° +270°
- BBBCA1
Dried Thyme
- 9FC1C3
≈ Canal Blue
- B8B6D1
≈ Madder Blue
- D1B1B0
≈ Mary Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.94:1 · APCA Lc 37
Ag
AAA黒の上
WCAG 10.82:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--dried-thyme: #bbbca1;
--dried-thyme-rgb: 187 188 161;
--dried-thyme-oklch: oklch(0.787 0.037 109);
}
.element {
color: var(--dried-thyme);
background-color: hsl(62 17% 68%);
border-color: oklch(0.787 0.037 109);
}Tailwind CSS v4
@theme {
--color-dried-thyme: #bbbca1;
--color-dried-thyme-50: #f5f6ea;
--color-dried-thyme-100: #e8e9db;
--color-dried-thyme-200: #d4d6c4;
--color-dried-thyme-300: #b8baa4;
--color-dried-thyme-400: #a0a188;
--color-dried-thyme-500: #88896c;
--color-dried-thyme-600: #73745c;
--color-dried-thyme-700: #5c5c49;
--color-dried-thyme-800: #444335;
--color-dried-thyme-900: #2f2f24;
--color-dried-thyme-950: #1b1b13;
}SCSS
$dried-thyme: #bbbca1;
$dried-thyme-rgb: 187, 188, 161;
$dried-thyme-light: mix(#fff, $dried-thyme, 20%);
$dried-thyme-dark: mix(#000, $dried-thyme, 20%);
.element {
color: $dried-thyme;
box-shadow: 0 0 0 2px rgba($dried-thyme, 0.35);
}