最も近い色名 · #00995F
#00995F
最も近い色名: Shamrock
#00995F（rgb(0 153 95)、hsl(157 100% 30%)、oklch(0.602 0.141 158)）に最も近い色名はShamrockです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#00995F
oklch(0.602 0.141 158)
カラー変換
- HEX
- #00995f
- RGB
- rgb(0 153 95)
- HSL
- hsl(157 100% 30%)
- HWB
- hwb(157 0% 40%)
- OKLCH
- oklch(0.602 0.141 158)
- OKLab
- oklab(0.602 -0.131 0.053)
- CIE Lab
- lab(55.61 -46.48 20.49)
- LCH
- lch(55.61 50.8 156.2)
- CMYK
- cmyk(100% 0% 38% 40%)
ティント · シェード · トーン
ティント
- 38A36E
- 54AE7E
- 6CB88D
- 83C29D
- 98CCAD
- ADD6BD
- C1E1CD
- D6EBDE
- EAF5EE
シェード
- 008452
- 007044
- 005D38
- 004A2C
- 003820
- 002715
- 00170A
- 000803
- 000100
トーン
- 279763
- 399566
- 47926A
- 52906D
- 5B8D70
- 648B74
- 6C8877
- 73867A
- 7A837D
カラーハーモニー
補色 +180°
- 00995F
Shamrock
- B55C9E
≈ Bodacious
類似色 -30° +30°
- 00995F
Shamrock
- 689023
≈ Asparagus Sultan
- 00948C
≈ Torrid Turquoise
トライアド +120° +240°
- 00995F
Shamrock
- 6E75D3
≈ C64 Purple
- C55E3D
≈ Cold Brew Tonic
スプリットコンプリメンタリー +150° +210°
- 00995F
Shamrock
- 9867C1
≈ Amethyst
- C45871
≈ Mon Cher Ami
テトラード +90° +180° +270°
- 00995F
Shamrock
- 2A85D0
≈ Calgar Blue
- B55C9E
≈ Bodacious
- B36F00
≈ Caramel
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.67:1 · APCA Lc 64
Ag
AA黒の上
WCAG 5.72:1 · APCA Lc 38
最適な文字色: #000000
WCAG 5.72:1 (AA) · APCA Lc 38
Contrast pairs
コードスニペット
CSS
:root {
--shamrock: #00995f;
--shamrock-rgb: 0 153 95;
--shamrock-oklch: oklch(0.602 0.141 158);
}
.element {
color: var(--shamrock);
background-color: hsl(157 100% 30%);
border-color: oklch(0.602 0.141 158);
}Tailwind CSS v4
@theme {
--color-shamrock: #00995f;
--color-shamrock-50: #d3ffe7;
--color-shamrock-100: #c0f7d8;
--color-shamrock-200: #9ee7c0;
--color-shamrock-300: #71ce9e;
--color-shamrock-400: #45b77e;
--color-shamrock-500: #00a161;
--color-shamrock-600: #008852;
--color-shamrock-700: #006d41;
--color-shamrock-800: #01502d;
--color-shamrock-900: #03381e;
--color-shamrock-950: #00220e;
}SCSS
$shamrock: #00995f;
$shamrock-rgb: 0, 153, 95;
$shamrock-light: mix(#fff, $shamrock, 20%);
$shamrock-dark: mix(#000, $shamrock, 20%);
.element {
color: $shamrock;
box-shadow: 0 0 0 2px rgba($shamrock, 0.35);
}