色名 · #B9CC81
Alien Breed
Alien Breedは#B9CC81：rgb(185 204 129)、hsl(75 42% 65%)、oklch(0.813 0.101 120.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Alien Breed color name →
#B9CC81
oklch(0.813 0.101 120.3)
カラー変換
- HEX
- #b9cc81
- RGB
- rgb(185 204 129)
- HSL
- hsl(75 42% 65%)
- HWB
- hwb(75 51% 20%)
- OKLCH
- oklch(0.813 0.101 120.3)
- OKLab
- oklab(0.813 -0.051 0.087)
- CIE Lab
- lab(79.28 -15.66 35.13)
- LCH
- lch(79.28 38.46 114)
- CMYK
- cmyk(9% 0% 37% 20%)
ティント · シェード · トーン
ティント
- C0D18E
- C7D69B
- CDDCA8
- D4E1B4
- DBE6C1
- E2EBCD
- E9F0DA
- F1F5E6
- F8FAF3
シェード
- A0B16F
- 89975E
- 717E4E
- 5B653E
- 464E2E
- 31371F
- 1E2212
- 0D0F06
- 020201
トーン
- B3C482
- ADBD82
- A7B582
- A2AD83
- 9CA683
- 969E82
- 919682
- 8B8F81
- 858781
カラーハーモニー
補色 +180°
- B9CC81
Alien Breed
- CCB3FA
≈ Violet Heaven
類似色 -30° +30°
- B9CC81
Alien Breed
- DBC074
≈ Tropical Siesta
- 92D5A0
≈ Green Ash
トライアド +120° +240°
- B9CC81
Alien Breed
- 84CBFD
≈ Chromis Damsel Blue
- F8A7BF
≈ Pink Flutter
スプリットコンプリメンタリー +150° +210°
- B9CC81
Alien Breed
- ABBFFF
≈ Pastel Blue
- E8AAE1
≈ Candy Floss
テトラード +90° +180° +270°
- B9CC81
Alien Breed
- 6AD4E6
≈ Turquoise Sea
- CCB3FA
≈ Violet Heaven
- FCA99B
≈ Poised Peach
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.74:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 12.01:1 · APCA Lc 71
最適な文字色: #000000
WCAG 12.01:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--alien-breed: #b9cc81;
--alien-breed-rgb: 185 204 129;
--alien-breed-oklch: oklch(0.813 0.101 120.3);
}
.element {
color: var(--alien-breed);
background-color: hsl(75 42% 65%);
border-color: oklch(0.813 0.101 120.3);
}Tailwind CSS v4
@theme {
--color-alien-breed: #b9cc81;
--color-alien-breed-50: #f0fadb;
--color-alien-breed-100: #e2eec9;
--color-alien-breed-200: #ccdcac;
--color-alien-breed-300: #aec086;
--color-alien-breed-400: #96a762;
--color-alien-breed-500: #7d903d;
--color-alien-breed-600: #6a7a35;
--color-alien-breed-700: #55612a;
--color-alien-breed-800: #3f471c;
--color-alien-breed-900: #2b3112;
--color-alien-breed-950: #191d04;
}SCSS
$alien-breed: #b9cc81;
$alien-breed-rgb: 185, 204, 129;
$alien-breed-light: mix(#fff, $alien-breed, 20%);
$alien-breed-dark: mix(#000, $alien-breed, 20%);
.element {
color: $alien-breed;
box-shadow: 0 0 0 2px rgba($alien-breed, 0.35);
}