色名 · #AAEE22
Sour Apple Candy
Sour Apple Candyは#AAEE22：rgb(170 238 34)、hsl(80 86% 53%)、oklch(0.871 0.22 128)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Sour Apple Candy color name →
#AAEE22
oklch(0.871 0.22 128)
カラー変換
- HEX
- #aaee22
- RGB
- rgb(170 238 34)
- HSL
- hsl(80 86% 53%)
- HWB
- hwb(80 13% 7%)
- OKLCH
- oklch(0.871 0.22 128)
- OKLab
- oklab(0.871 -0.136 0.174)
- CIE Lab
- lab(87.16 -41.13 78.88)
- LCH
- lch(87.16 88.96 117.5)
- CMYK
- cmyk(29% 0% 86% 7%)
ティント · シェード · トーン
ティント
- B3F04D
- BBF369
- C3F580
- CCF795
- D4F8A8
- DDFABA
- E5FBCC
- EEFDDD
- F6FEEE
シェード
- 93CF1C
- 7DB116
- 689311
- 53770B
- 3F5C07
- 2D4203
- 1B2A01
- 0B1400
- 010300
トーン
- A6E33D
- A2D84D
- 9ECD59
- 99C262
- 95B769
- 91AC70
- 8DA175
- 899679
- 848B7D
カラーハーモニー
補色 +180°
- AAEE22
Sour Apple Candy
- E4C7FF
≈ Wisteria Powder
類似色 -30° +30°
- AAEE22
Sour Apple Candy
- F5D400
≈ Thick Yellow
- 00FB9F
≈ Atomic Spring
トライアド +120° +240°
- AAEE22
Sour Apple Candy
- B3D9FF
≈ Droplet
- FFC2CC
≈ Cotton Candy Comet
スプリットコンプリメンタリー +150° +210°
- AAEE22
Sour Apple Candy
- CAD1FF
≈ Pale Phthalo Blue
- FFBDEB
≈ Pink Quartz
テトラード +90° +180° +270°
- AAEE22
Sour Apple Candy
- 86E4FF
≈ Tranquil Pool
- E4C7FF
≈ Wisteria Powder
- FFC5B3
≈ Ballet Skirt
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.40:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 14.96:1 · APCA Lc 84
最適な文字色: #000000
WCAG 14.96:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--sour-apple-candy: #aaee22;
--sour-apple-candy-rgb: 170 238 34;
--sour-apple-candy-oklch: oklch(0.871 0.22 128);
}
.element {
color: var(--sour-apple-candy);
background-color: hsl(80 86% 53%);
border-color: oklch(0.871 0.22 128);
}Tailwind CSS v4
@theme {
--color-sour-apple-candy: #aaee22;
--color-sour-apple-candy-50: #e0ffc0;
--color-sour-apple-candy-100: #d0f7a8;
--color-sour-apple-candy-200: #b5e77f;
--color-sour-apple-candy-300: #91cd44;
--color-sour-apple-candy-400: #78b400;
--color-sour-apple-candy-500: #5a9d00;
--color-sour-apple-candy-600: #4c8500;
--color-sour-apple-candy-700: #3d6a00;
--color-sour-apple-candy-800: #2f4d00;
--color-sour-apple-candy-900: #203600;
--color-sour-apple-candy-950: #102100;
}SCSS
$sour-apple-candy: #aaee22;
$sour-apple-candy-rgb: 170, 238, 34;
$sour-apple-candy-light: mix(#fff, $sour-apple-candy, 20%);
$sour-apple-candy-dark: mix(#000, $sour-apple-candy, 20%);
.element {
color: $sour-apple-candy;
box-shadow: 0 0 0 2px rgba($sour-apple-candy, 0.35);
}