最も近い色名 · #93C09F
#93C09F
最も近い色名: Neptune Green
#93C09F（rgb(147 192 159)、hsl(136 26% 66%)、oklch(0.766 0.067 152.9)）に最も近い色名はNeptune Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#93C09F
oklch(0.766 0.067 152.9)
カラー変換
- HEX
- #93c09f
- RGB
- rgb(147 192 159)
- HSL
- hsl(136 26% 66%)
- HWB
- hwb(136 58% 25%)
- OKLCH
- oklch(0.766 0.067 152.9)
- OKLab
- oklab(0.766 -0.06 0.031)
- CIE Lab
- lab(73.79 -20.51 11.62)
- LCH
- lch(73.79 23.57 150.5)
- CMYK
- cmyk(23% 0% 17% 25%)
ティント · シェード · トーン
ティント
- 9EC6A8
- A9CDB2
- B3D3BB
- BED9C5
- C9DFCE
- D4E6D8
- DEECE2
- E9F2EB
- F4F9F5
シェード
- 7FA78A
- 6C8E75
- 597661
- 475F4D
- 36493B
- 253429
- 162018
- 080E09
- 010201
トーン
- 91B99C
- 90B399
- 8EAC96
- 8CA693
- 8AA090
- 88998C
- 869389
- 848D86
- 828683
カラーハーモニー
補色 +180°
- 93C09F
Neptune Green
- CEA4C6
≈ Geranium Bud
類似色 -30° +30°
- 93C09F
Neptune Green
- ABBB8B
≈ Gardening
- 82C2B7
≈ Holiday
トライアド +120° +240°
- 93C09F
Neptune Green
- A5B1DF
≈ Myrtle Flower
- DAA498
≈ Conch Pink
スプリットコンプリメンタリー +150° +210°
- 93C09F
Neptune Green
- BBA9D7
≈ Purple Hibiscus
- D9A2AF
≈ Lili Elbe’s Pink
テトラード +90° +180° +270°
- 93C09F
Neptune Green
- 8EB9DB
≈ Goluboy Blue
- CEA4C6
≈ Geranium Bud
- D2AA87
≈ Autumn Air
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.04:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.28:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--neptune-green: #93c09f;
--neptune-green-rgb: 147 192 159;
--neptune-green-oklch: oklch(0.766 0.067 152.9);
}
.element {
color: var(--neptune-green);
background-color: hsl(136 26% 66%);
border-color: oklch(0.766 0.067 152.9);
}Tailwind CSS v4
@theme {
--color-neptune-green: #93c09f;
--color-neptune-green-50: #e7fbed;
--color-neptune-green-100: #d7efde;
--color-neptune-green-200: #bfddc8;
--color-neptune-green-300: #9dc2a9;
--color-neptune-green-400: #80aa8c;
--color-neptune-green-500: #639371;
--color-neptune-green-600: #547d60;
--color-neptune-green-700: #43644c;
--color-neptune-green-800: #314936;
--color-neptune-green-900: #213325;
--color-neptune-green-950: #101e14;
}SCSS
$neptune-green: #93c09f;
$neptune-green-rgb: 147, 192, 159;
$neptune-green-light: mix(#fff, $neptune-green, 20%);
$neptune-green-dark: mix(#000, $neptune-green, 20%);
.element {
color: $neptune-green;
box-shadow: 0 0 0 2px rgba($neptune-green, 0.35);
}