最も近い色名 · #B2CBB1
#B2CBB1
最も近い色名: Gum Leaf
#B2CBB1（rgb(178 203 177)、hsl(118 20% 75%)、oklch(0.816 0.045 144.1)）に最も近い色名はGum Leafです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B2CBB1
oklch(0.816 0.045 144.1)
カラー変換
- HEX
- #b2cbb1
- RGB
- rgb(178 203 177)
- HSL
- hsl(118 20% 75%)
- HWB
- hwb(118 69% 20%)
- OKLCH
- oklch(0.816 0.045 144.1)
- OKLab
- oklab(0.816 -0.036 0.026)
- CIE Lab
- lab(79.26 -12.42 10.05)
- LCH
- lch(79.26 15.97 141)
- CMYK
- cmyk(12% 0% 13% 20%)
ティント · シェード · トーン
ティント
- BAD0B9
- C1D5C0
- C9DAC8
- D0E0D0
- D8E5D8
- E0EADF
- E8EFE7
- EFF4EF
- F7FAF7
シェード
- 9AB099
- 839683
- 6D7D6C
- 576557
- 434D42
- 2F372F
- 1D221C
- 0C0F0C
- 010201
トーン
- ADC3AC
- A8BCA7
- A3B4A2
- 9EAC9D
- 99A598
- 949D93
- 8F968E
- 8A8F8A
- 858785
カラーハーモニー
補色 +180°
- B2CBB1
Gum Leaf
- D2BAD4
≈ Petite Purple
類似色 -30° +30°
- B2CBB1
Gum Leaf
- C2C7A6
≈ Rejuvenate
- A6CDC1
≈ Swimming Pool Green
トライアド +120° +240°
- B2CBB1
Gum Leaf
- B4C3E1
≈ Periwinkle Bud
- DFB8B5
≈ Cherry Tree
スプリットコンプリメンタリー +150° +210°
- B2CBB1
Gum Leaf
- C4BEDE
≈ Purple Dragon
- DCB7C5
≈ Kunzite
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.73:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 12.07:1 · APCA Lc 71
最適な文字色: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--gum-leaf: #b2cbb1;
--gum-leaf-rgb: 178 203 177;
--gum-leaf-oklch: oklch(0.816 0.045 144.1);
}
.element {
color: var(--gum-leaf);
background-color: hsl(118 20% 75%);
border-color: oklch(0.816 0.045 144.1);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #b2cbb1;
--color-gum-leaf-50: #edf9ee;
--color-gum-leaf-100: #dfecdf;
--color-gum-leaf-200: #c9dac9;
--color-gum-leaf-300: #a9beaa;
--color-gum-leaf-400: #8fa68e;
--color-gum-leaf-500: #748e74;
--color-gum-leaf-600: #637862;
--color-gum-leaf-700: #4f604e;
--color-gum-leaf-800: #3a4738;
--color-gum-leaf-900: #283126;
--color-gum-leaf-950: #161d15;
}SCSS
$gum-leaf: #b2cbb1;
$gum-leaf-rgb: 178, 203, 177;
$gum-leaf-light: mix(#fff, $gum-leaf, 20%);
$gum-leaf-dark: mix(#000, $gum-leaf, 20%);
.element {
color: $gum-leaf;
box-shadow: 0 0 0 2px rgba($gum-leaf, 0.35);
}