色名 · #9DE093
Granny Smith Apple
Granny Smith Appleは#9DE093：rgb(157 224 147)、hsl(112 55% 73%)、oklch(0.843 0.125 141.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Granny Smith Apple color name →
#9DE093
oklch(0.843 0.125 141.3)
カラー変換
- HEX
- #9de093
- RGB
- rgb(157 224 147)
- HSL
- hsl(112 55% 73%)
- HWB
- hwb(112 58% 12%)
- OKLCH
- oklch(0.843 0.125 141.3)
- OKLab
- oklab(0.843 -0.097 0.078)
- CIE Lab
- lab(83.29 -32.85 30.79)
- LCH
- lch(83.29 45.02 136.9)
- CMYK
- cmyk(30% 0% 34% 12%)
ティント · シェード · トーン
ティント
- A7E39E
- B1E7A9
- BBEAB4
- C5EDBF
- CFF0CA
- D9F3D4
- E2F6DF
- ECF9EA
- F5FCF4
シェード
- 88C37F
- 73A66C
- 5F8A59
- 4C7047
- 3A5636
- 283E25
- 182716
- 091208
- 010201
トーン
- 9BD692
- 98CC90
- 95C38E
- 93B98D
- 90AF8B
- 8DA689
- 8A9C87
- 879385
- 838982
カラーハーモニー
補色 +180°
- 9DE093
Granny Smith Apple
- F1B0FD
≈ Strawberry Buttercream
類似色 -30° +30°
- 9DE093
Granny Smith Apple
- CED36F
≈ Fool’s Gold
- 69E6C1
≈ Ocean in a Bowl
トライアド +120° +240°
- 9DE093
Granny Smith Apple
- AFCDFF
≈ Night Snow
- FFB6B3
≈ Young Salmon
スプリットコンプリメンタリー +150° +210°
- 9DE093
Granny Smith Apple
- CBC2FF
≈ Innocent Snowdrop
- FFB0D3
≈ Pink Cattleya
テトラード +90° +180° +270°
- 9DE093
Granny Smith Apple
- 88D7FF
≈ Kul Sharif Blue
- F1B0FD
≈ Strawberry Buttercream
- FFBA91
≈ Fuzzy Peach
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.55:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.51:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.51:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--granny-smith-apple: #9de093;
--granny-smith-apple-rgb: 157 224 147;
--granny-smith-apple-oklch: oklch(0.843 0.125 141.3);
}
.element {
color: var(--granny-smith-apple);
background-color: hsl(112 55% 73%);
border-color: oklch(0.843 0.125 141.3);
}Tailwind CSS v4
@theme {
--color-granny-smith-apple: #9de093;
--color-granny-smith-apple-50: #e1ffdf;
--color-granny-smith-apple-100: #d0f3ce;
--color-granny-smith-apple-200: #b5e3b2;
--color-granny-smith-apple-300: #91c88e;
--color-granny-smith-apple-400: #73b16a;
--color-granny-smith-apple-500: #529a48;
--color-granny-smith-apple-600: #47823e;
--color-granny-smith-apple-700: #386831;
--color-granny-smith-apple-800: #2a4c20;
--color-granny-smith-apple-900: #1c3515;
--color-granny-smith-apple-950: #0c2007;
}SCSS
$granny-smith-apple: #9de093;
$granny-smith-apple-rgb: 157, 224, 147;
$granny-smith-apple-light: mix(#fff, $granny-smith-apple, 20%);
$granny-smith-apple-dark: mix(#000, $granny-smith-apple, 20%);
.element {
color: $granny-smith-apple;
box-shadow: 0 0 0 2px rgba($granny-smith-apple, 0.35);
}