最も近い色名 · #B0D5B7
#B0D5B7
最も近い色名: Frosted Fir
#B0D5B7（rgb(176 213 183)、hsl(131 31% 76%)、oklch(0.838 0.057 150.6)）に最も近い色名はFrosted Firです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B0D5B7
oklch(0.838 0.057 150.6)
カラー変換
- HEX
- #b0d5b7
- RGB
- rgb(176 213 183)
- HSL
- hsl(131 31% 76%)
- HWB
- hwb(131 69% 16%)
- OKLCH
- oklch(0.838 0.057 150.6)
- OKLab
- oklab(0.838 -0.05 0.028)
- CIE Lab
- lab(81.96 -17.02 10.65)
- LCH
- lch(81.96 20.08 148)
- CMYK
- cmyk(17% 0% 14% 16%)
ティント · シェード · トーン
ティント
- B8D9BE
- C0DDC5
- C8E2CC
- D0E6D3
- D7EADB
- DFEEE2
- E7F2E9
- EFF7F0
- F7FBF8
シェード
- 99B99F
- 829E87
- 6C8370
- 566A5A
- 425145
- 2E3A31
- 1C241E
- 0B100C
- 010202
トーン
- ABCCB1
- A6C3AC
- A2BBA6
- 9DB2A1
- 98AA9B
- 93A196
- 8E9990
- 8A908B
- 858885
カラーハーモニー
補色 +180°
- B0D5B7
Frosted Fir
- E0BDDB
≈ Designer Pink
類似色 -30° +30°
- B0D5B7
Frosted Fir
- C4D0A7
≈ Landscape
- A2D7CC
≈ Yucca Cream
トライアド +120° +240°
- B0D5B7
Frosted Fir
- BCC9F0
≈ Cuddle
- EDBDB4
≈ Sweet Sherry
スプリットコンプリメンタリー +150° +210°
- B0D5B7
Frosted Fir
- D0C2EA
≈ York Plum
- EBBBC8
≈ Madder Rose
テトラード +90° +180° +270°
- B0D5B7
Frosted Fir
- A9D0EC
≈ Marzena Dream
- E0BDDB
≈ Designer Pink
- E6C2A5
≈ Fabulous Fawn
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.60:1 · APCA Lc 27
Ag
AAA黒の上
WCAG 13.04:1 · APCA Lc 76
最適な文字色: #000000
WCAG 13.04:1 (AAA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--frosted-fir: #b0d5b7;
--frosted-fir-rgb: 176 213 183;
--frosted-fir-oklch: oklch(0.838 0.057 150.6);
}
.element {
color: var(--frosted-fir);
background-color: hsl(131 31% 76%);
border-color: oklch(0.838 0.057 150.6);
}Tailwind CSS v4
@theme {
--color-frosted-fir: #b0d5b7;
--color-frosted-fir-50: #eafaed;
--color-frosted-fir-100: #daeedf;
--color-frosted-fir-200: #c3dcc9;
--color-frosted-fir-300: #a2c0aa;
--color-frosted-fir-400: #87a88d;
--color-frosted-fir-500: #6b9173;
--color-frosted-fir-600: #5b7b61;
--color-frosted-fir-700: #48624e;
--color-frosted-fir-800: #354837;
--color-frosted-fir-900: #243226;
--color-frosted-fir-950: #131e14;
}SCSS
$frosted-fir: #b0d5b7;
$frosted-fir-rgb: 176, 213, 183;
$frosted-fir-light: mix(#fff, $frosted-fir, 20%);
$frosted-fir-dark: mix(#000, $frosted-fir, 20%);
.element {
color: $frosted-fir;
box-shadow: 0 0 0 2px rgba($frosted-fir, 0.35);
}