色名 · #00AA55
Rita Repulsa
Rita Repulsaは#00AA55：rgb(0 170 85)、hsl(150 100% 33%)、oklch(0.646 0.171 151.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Rita Repulsa color name →
#00AA55
oklch(0.646 0.171 151.6)
カラー変換
- HEX
- #00aa55
- RGB
- rgb(0 170 85)
- HSL
- hsl(150 100% 33%)
- HWB
- hwb(150 0% 33%)
- OKLCH
- oklch(0.646 0.171 151.6)
- OKLab
- oklab(0.646 -0.151 0.081)
- CIE Lab
- lab(61.1 -53.19 32.7)
- LCH
- lch(61.1 62.44 148.4)
- CMYK
- cmyk(100% 0% 50% 33%)
ティント · シェード · トーン
ティント
- 3BB366
- 58BC77
- 71C488
- 87CD99
- 9CD6AA
- B0DEBA
- C4E6CB
- D8EFDC
- EBF7EE
シェード
- 009349
- 007D3D
- 006831
- 005326
- 003F1C
- 002D11
- 001B08
- 000B02
- 000100
トーン
- 2AA65A
- 3DA25F
- 4A9E64
- 559A69
- 5E966D
- 669271
- 6E8E75
- 748979
- 7A857C
カラーハーモニー
補色 +180°
- 00AA55
Rita Repulsa
- C761BC
≈ Purple Urn Orchid
類似色 -30° +30°
- 00AA55
Rita Repulsa
- 7F9B00
≈ Luminescent Green
- 00A493
≈ Persian Green
トライアド +120° +240°
- 00AA55
Rita Repulsa
- 6A83F5
≈ Punch Out Glove
- E35D47
≈ Tiger Lily
スプリットコンプリメンタリー +150° +210°
- 00AA55
Rita Repulsa
- A270E4
≈ Violet Voltage
- DE5886
≈ Blush d’Amour
テトラード +90° +180° +270°
- 00AA55
Rita Repulsa
- 0097E1
≈ Atmosphere
- C761BC
≈ Purple Urn Orchid
- CD7500
≈ Mountain Ash
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.05:1 · APCA Lc 57
Ag
AA黒の上
WCAG 6.88:1 · APCA Lc 45
最適な文字色: #000000
WCAG 6.88:1 (AA) · APCA Lc 45
Contrast pairs
コードスニペット
CSS
:root {
--rita-repulsa: #00aa55;
--rita-repulsa-rgb: 0 170 85;
--rita-repulsa-oklch: oklch(0.646 0.171 151.6);
}
.element {
color: var(--rita-repulsa);
background-color: hsl(150 100% 33%);
border-color: oklch(0.646 0.171 151.6);
}Tailwind CSS v4
@theme {
--color-rita-repulsa: #00aa55;
--color-rita-repulsa-50: #d0ffdf;
--color-rita-repulsa-100: #bcf9ce;
--color-rita-repulsa-200: #99eab2;
--color-rita-repulsa-300: #69d18e;
--color-rita-repulsa-400: #38ba69;
--color-rita-repulsa-500: #00a446;
--color-rita-repulsa-600: #008b3c;
--color-rita-repulsa-700: #006f30;
--color-rita-repulsa-800: #00521e;
--color-rita-repulsa-900: #003914;
--color-rita-repulsa-950: #002306;
}SCSS
$rita-repulsa: #00aa55;
$rita-repulsa-rgb: 0, 170, 85;
$rita-repulsa-light: mix(#fff, $rita-repulsa, 20%);
$rita-repulsa-dark: mix(#000, $rita-repulsa, 20%);
.element {
color: $rita-repulsa;
box-shadow: 0 0 0 2px rgba($rita-repulsa, 0.35);
}