最も近い色名 · #B5CBAD
#B5CBAD
最も近い色名: Nature
#B5CBAD（rgb(181 203 173)、hsl(104 22% 74%)、oklch(0.817 0.048 137.3)）に最も近い色名はNatureです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B5CBAD
oklch(0.817 0.048 137.3)
カラー変換
- HEX
- #b5cbad
- RGB
- rgb(181 203 173)
- HSL
- hsl(104 22% 74%)
- HWB
- hwb(104 68% 20%)
- OKLCH
- oklch(0.817 0.048 137.3)
- OKLab
- oklab(0.817 -0.035 0.032)
- CIE Lab
- lab(79.4 -11.87 12.4)
- LCH
- lch(79.4 17.16 133.7)
- CMYK
- cmyk(11% 0% 15% 20%)
ティント · シェード · トーン
ティント
- BCD0B5
- C4D5BD
- CBDAC5
- D2E0CD
- DAE5D6
- E1EADE
- E8EFE6
- F0F5EE
- F7FAF7
シェード
- 9DB096
- 86967F
- 6F7D6A
- 596555
- 444D41
- 30372D
- 1D221B
- 0C0F0B
- 020201
トーン
- B0C3A8
- AABCA4
- A5B49F
- A0AC9B
- 9AA596
- 959D92
- 90968D
- 8A8F89
- 858784
カラーハーモニー
補色 +180°
- B5CBAD
Nature
- D0BAD8
≈ Petite Purple
類似色 -30° +30°
- B5CBAD
Nature
- C6C6A3
≈ Rejuvenate
- A7CEBD
≈ Swimming Pool Green
トライアド +120° +240°
- B5CBAD
Nature
- B0C5E3
≈ Simply Sparkling
- E1B7B8
≈ Bistro Pink
スプリットコンプリメンタリー +150° +210°
- B5CBAD
Nature
- C1BFE1
≈ Purple Dragon
- DCB7C9
≈ Kunzite
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.73:1 · APCA Lc 31
Ag
AAA黒の上
WCAG 12.11:1 · APCA Lc 71
最適な文字色: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--nature: #b5cbad;
--nature-rgb: 181 203 173;
--nature-oklch: oklch(0.817 0.048 137.3);
}
.element {
color: var(--nature);
background-color: hsl(104 22% 74%);
border-color: oklch(0.817 0.048 137.3);
}Tailwind CSS v4
@theme {
--color-nature: #b5cbad;
--color-nature-50: #eef9ec;
--color-nature-100: #e0ecdd;
--color-nature-200: #cadac6;
--color-nature-300: #abbea7;
--color-nature-400: #91a58a;
--color-nature-500: #778e6f;
--color-nature-600: #65785e;
--color-nature-700: #51604b;
--color-nature-800: #3b4636;
--color-nature-900: #293125;
--color-nature-950: #161d13;
}SCSS
$nature: #b5cbad;
$nature-rgb: 181, 203, 173;
$nature-light: mix(#fff, $nature, 20%);
$nature-dark: mix(#000, $nature, 20%);
.element {
color: $nature;
box-shadow: 0 0 0 2px rgba($nature, 0.35);
}