色名 · #B9E7DD
Ice Cap Green
Ice Cap Greenは#B9E7DD：rgb(185 231 221)、hsl(167 49% 82%)、oklch(0.893 0.049 180.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Ice Cap Green color name →
#B9E7DD
oklch(0.893 0.049 180.4)
カラー変換
- HEX
- #b9e7dd
- RGB
- rgb(185 231 221)
- HSL
- hsl(167 49% 82%)
- HWB
- hwb(167 73% 9%)
- OKLCH
- oklch(0.893 0.049 180.4)
- OKLab
- oklab(0.893 -0.049 0)
- CIE Lab
- lab(88.19 -16.91 -0.28)
- LCH
- lch(88.19 16.91 180.9)
- CMYK
- cmyk(20% 0% 4% 9%)
ティント · シェード · トーン
ティント
- C0E9E0
- C7ECE4
- CEEEE7
- D5F1EA
- DCF3EE
- E3F5F1
- EAF8F5
- F1FAF8
- F8FDFC
シェード
- A0C9C0
- 89ABA4
- 718F88
- 5B736E
- 465955
- 31403D
- 1E2826
- 0D1311
- 020302
トーン
- B3DCD3
- AED2CA
- A8C7C0
- A2BDB7
- 9DB2AD
- 97A8A4
- 919E9B
- 8C9492
- 868A89
カラーハーモニー
補色 +180°
- B9E7DD
Ice Cap Green
- F9CFDA
≈ April Blush
類似色 -30° +30°
- B9E7DD
Ice Cap Green
- C5E6CB
≈ Wintergreen Mint
- B7E5EE
≈ Early Forget-Me-Not
トライアド +120° +240°
- B9E7DD
Ice Cap Green
- E0D5F8
≈ Japan Blush
- F5D5BB
≈ Miami Stucco
スプリットコンプリメンタリー +150° +210°
- B9E7DD
Ice Cap Green
- F0D0EB
≈ Poodle Pink
- FBD0C8
≈ Snow Pa
テトラード +90° +180° +270°
- B9E7DD
Ice Cap Green
- CFDBFD
≈ Icy Plains
- F9CFDA
≈ April Blush
- E8DBB7
≈ Cinnamon Milk
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.35:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.53:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.53:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--ice-cap-green: #b9e7dd;
--ice-cap-green-rgb: 185 231 221;
--ice-cap-green-oklch: oklch(0.893 0.049 180.4);
}
.element {
color: var(--ice-cap-green);
background-color: hsl(167 49% 82%);
border-color: oklch(0.893 0.049 180.4);
}Tailwind CSS v4
@theme {
--color-ice-cap-green: #b9e7dd;
--color-ice-cap-green-50: #e7faf6;
--color-ice-cap-green-100: #d7eee9;
--color-ice-cap-green-200: #bedcd6;
--color-ice-cap-green-300: #9cc0b9;
--color-ice-cap-green-400: #7fa8a0;
--color-ice-cap-green-500: #619188;
--color-ice-cap-green-600: #537b73;
--color-ice-cap-green-700: #42625c;
--color-ice-cap-green-800: #2f4842;
--color-ice-cap-green-900: #20322e;
--color-ice-cap-green-950: #0f1e1b;
}SCSS
$ice-cap-green: #b9e7dd;
$ice-cap-green-rgb: 185, 231, 221;
$ice-cap-green-light: mix(#fff, $ice-cap-green, 20%);
$ice-cap-green-dark: mix(#000, $ice-cap-green, 20%);
.element {
color: $ice-cap-green;
box-shadow: 0 0 0 2px rgba($ice-cap-green, 0.35);
}