色名 · #009933
Peppermint Toad
Peppermint Toadは#009933：rgb(0 153 51)、hsl(140 100% 30%)、oklch(0.595 0.179 146.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Peppermint Toad color name →
#009933
oklch(0.595 0.179 146.5)
カラー変換
- HEX
- #009933
- RGB
- rgb(0 153 51)
- HSL
- hsl(140 100% 30%)
- HWB
- hwb(140 0% 40%)
- OKLCH
- oklch(0.595 0.179 146.5)
- OKLab
- oklab(0.595 -0.149 0.099)
- CIE Lab
- lab(55.11 -51.84 41.73)
- LCH
- lch(55.11 66.54 141.2)
- CMYK
- cmyk(100% 0% 67% 40%)
ティント · シェード · トーン
ティント
- 37A44A
- 53AE5F
- 6BB873
- 82C387
- 97CD9B
- ACD7AF
- C1E1C2
- D6EBD6
- EAF5EB
シェード
- 00842B
- 007023
- 005D1C
- 004A14
- 00380D
- 002707
- 001703
- 000801
- 000100
トーン
- 27973E
- 399547
- 469350
- 519058
- 5A8E5F
- 638B66
- 6B896D
- 728673
- 79837A
カラーハーモニー
補色 +180°
- 009933
Peppermint Toad
- B350B6
≈ Ultraviolet Cryner
類似色 -30° +30°
- 009933
Peppermint Toad
- 7A8800
≈ Elwynn Forest Olive
- 00947D
≈ Aqua Waters
トライアド +120° +240°
- 009933
Peppermint Toad
- 4D75E8
≈ Blue Öyster Cult
- D44640
≈ Race Car Stripe
スプリットコンプリメンタリー +150° +210°
- 009933
Peppermint Toad
- 8B61DB
≈ Gloomy Purple
- CC4581
≈ Jaipur Pink
テトラード +90° +180° +270°
- 009933
Peppermint Toad
- 0088C1
≈ Azul Caribe
- B350B6
≈ Ultraviolet Cryner
- BD6300
≈ Fire Ant
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.74:1 · APCA Lc 64
Ag
AA黒の上
WCAG 5.60:1 · APCA Lc 37
最適な文字色: #000000
WCAG 5.60:1 (AA) · APCA Lc 37
Contrast pairs
コードスニペット
CSS
:root {
--peppermint-toad: #009933;
--peppermint-toad-rgb: 0 153 51;
--peppermint-toad-oklch: oklch(0.595 0.179 146.5);
}
.element {
color: var(--peppermint-toad);
background-color: hsl(140 100% 30%);
border-color: oklch(0.595 0.179 146.5);
}Tailwind CSS v4
@theme {
--color-peppermint-toad: #009933;
--color-peppermint-toad-50: #d3ffd9;
--color-peppermint-toad-100: #bff9c7;
--color-peppermint-toad-200: #9deaa9;
--color-peppermint-toad-300: #70d082;
--color-peppermint-toad-400: #47ba59;
--color-peppermint-toad-500: #00a32f;
--color-peppermint-toad-600: #008a2a;
--color-peppermint-toad-700: #006f21;
--color-peppermint-toad-800: #075112;
--color-peppermint-toad-900: #05390b;
--color-peppermint-toad-950: #002301;
}SCSS
$peppermint-toad: #009933;
$peppermint-toad-rgb: 0, 153, 51;
$peppermint-toad-light: mix(#fff, $peppermint-toad, 20%);
$peppermint-toad-dark: mix(#000, $peppermint-toad, 20%);
.element {
color: $peppermint-toad;
box-shadow: 0 0 0 2px rgba($peppermint-toad, 0.35);
}