色名 · #007F59
Irish Beauty
Irish Beautyは#007F59：rgb(0 127 89)、hsl(162 100% 25%)、oklch(0.528 0.113 163.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Irish Beauty color name →
#007F59
oklch(0.528 0.113 163.8)
カラー変換
- HEX
- #007f59
- RGB
- rgb(0 127 89)
- HSL
- hsl(162 100% 25%)
- HWB
- hwb(162 0% 50%)
- OKLCH
- oklch(0.528 0.113 163.8)
- OKLab
- oklab(0.528 -0.108 0.032)
- CIE Lab
- lab(46.74 -38.66 11.93)
- LCH
- lch(46.74 40.46 162.9)
- CMYK
- cmyk(100% 0% 30% 50%)
ティント · シェード · トーン
ティント
- 328C68
- 4D9878
- 65A588
- 7CB198
- 92BEA9
- A8CBB9
- BDD8CA
- D3E5DC
- E9F2ED
シェード
- 006E4C
- 005D40
- 004C34
- 003C28
- 002D1D
- 001F13
- 001109
- 000603
- 000100
トーン
- 227F5D
- 348061
- 418065
- 4C8069
- 56806D
- 5F8070
- 688074
- 708078
- 78807C
カラーハーモニー
補色 +180°
- 007F59
Irish Beauty
- 974E7B
≈ Verve Violet
類似色 -30° +30°
- 007F59
Irish Beauty
- 4F7930
≈ Luscious Lemongrass
- 007B7A
≈ Buzzards Bay
トライアド +120° +240°
- 007F59
Irish Beauty
- 6461AA
≈ Blue Iris
- A05330
≈ Texas Ranger Brown
スプリットコンプリメンタリー +150° +210°
- 007F59
Irish Beauty
- 825699
≈ Royal Lilac
- A24D57
≈ Black Pudding
テトラード +90° +180° +270°
- 007F59
Irish Beauty
- 386DAB
≈ Nocturne Shade
- 974E7B
≈ Verve Violet
- 915F00
≈ Rat Brown
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.02:1 · APCA Lc 74
Ag
Fail黒の上
WCAG 4.18:1 · APCA Lc 28
最適な文字色: #FFFFFF
WCAG 5.02:1 (AA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--irish-beauty: #007f59;
--irish-beauty-rgb: 0 127 89;
--irish-beauty-oklch: oklch(0.528 0.113 163.8);
}
.element {
color: var(--irish-beauty);
background-color: hsl(162 100% 25%);
border-color: oklch(0.528 0.113 163.8);
}Tailwind CSS v4
@theme {
--color-irish-beauty: #007f59;
--color-irish-beauty-50: #d8ffee;
--color-irish-beauty-100: #c5f5df;
--color-irish-beauty-200: #a6e4c9;
--color-irish-beauty-300: #7dcaaa;
--color-irish-beauty-400: #56b38c;
--color-irish-beauty-500: #209d71;
--color-irish-beauty-600: #1f8560;
--color-irish-beauty-700: #196a4d;
--color-irish-beauty-800: #134e36;
--color-irish-beauty-900: #0c3625;
--color-irish-beauty-950: #002113;
}SCSS
$irish-beauty: #007f59;
$irish-beauty-rgb: 0, 127, 89;
$irish-beauty-light: mix(#fff, $irish-beauty, 20%);
$irish-beauty-dark: mix(#000, $irish-beauty, 20%);
.element {
color: $irish-beauty;
box-shadow: 0 0 0 2px rgba($irish-beauty, 0.35);
}