色名 · #9FE2BF
Bright Sea Green
Bright Sea Greenは#9FE2BF：rgb(159 226 191)、hsl(149 54% 75%)、oklch(0.858 0.084 161.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Bright Sea Green color name →
#9FE2BF
oklch(0.858 0.084 161.2)
カラー変換
- HEX
- #9fe2bf
- RGB
- rgb(159 226 191)
- HSL
- hsl(149 54% 75%)
- HWB
- hwb(149 62% 11%)
- OKLCH
- oklch(0.858 0.084 161.2)
- OKLab
- oklab(0.858 -0.079 0.027)
- CIE Lab
- lab(84.69 -27.37 10.11)
- LCH
- lch(84.69 29.18 159.7)
- CMYK
- cmyk(30% 0% 15% 11%)
ティント · シェード · トーン
ティント
- A9E5C5
- B3E8CC
- BDEBD2
- C7EED8
- D0F1DF
- DAF4E5
- E3F7EC
- ECF9F2
- F6FCF9
シェード
- 8AC4A6
- 75A88D
- 618C75
- 4D715E
- 3B5748
- 293E33
- 18271F
- 09120D
- 010302
トーン
- 9CD8B9
- 9ACEB2
- 97C4AC
- 94BAA5
- 91B09F
- 8EA699
- 8B9D93
- 87938C
- 848986
カラーハーモニー
補色 +180°
- 9FE2BF
Bright Sea Green
- F7BBE1
≈ Cotton Candy Aesthetic
類似色 -30° +30°
- 9FE2BF
Bright Sea Green
- BDDCA3
≈ Embroidered Silk
- 8DE2DE
≈ Aqua Fiesta
トライアド +120° +240°
- 9FE2BF
Bright Sea Green
- C8CCFF
≈ Lavender Blue
- FFC0A8
≈ Porcellana
スプリットコンプリメンタリー +150° +210°
- 9FE2BF
Bright Sea Green
- E2C1F9
≈ Jane Purple
- FFBCC4
≈ A Lot of Love
テトラード +90° +180° +270°
- 9FE2BF
Bright Sea Green
- AED4FF
≈ Ice Cold Stare
- F7BBE1
≈ Cotton Candy Aesthetic
- F3C894
≈ Mellow Moment
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.48:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.10:1 · APCA Lc 80
最適な文字色: #000000
WCAG 14.10:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--bright-sea-green: #9fe2bf;
--bright-sea-green-rgb: 159 226 191;
--bright-sea-green-oklch: oklch(0.858 0.084 161.2);
}
.element {
color: var(--bright-sea-green);
background-color: hsl(149 54% 75%);
border-color: oklch(0.858 0.084 161.2);
}Tailwind CSS v4
@theme {
--color-bright-sea-green: #9fe2bf;
--color-bright-sea-green-50: #e1fdee;
--color-bright-sea-green-100: #d0f1e0;
--color-bright-sea-green-200: #b5e0ca;
--color-bright-sea-green-300: #90c5ab;
--color-bright-sea-green-400: #70ae8f;
--color-bright-sea-green-500: #4e9774;
--color-bright-sea-green-600: #438063;
--color-bright-sea-green-700: #35674f;
--color-bright-sea-green-800: #274b38;
--color-bright-sea-green-900: #1a3426;
--color-bright-sea-green-950: #0a2015;
}SCSS
$bright-sea-green: #9fe2bf;
$bright-sea-green-rgb: 159, 226, 191;
$bright-sea-green-light: mix(#fff, $bright-sea-green, 20%);
$bright-sea-green-dark: mix(#000, $bright-sea-green, 20%);
.element {
color: $bright-sea-green;
box-shadow: 0 0 0 2px rgba($bright-sea-green, 0.35);
}