色名 · #7BD5BF
Green Parakeet
Green Parakeetは#7BD5BF：rgb(123 213 191)、hsl(165 52% 66%)、oklch(0.81 0.093 176.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Green Parakeet color name →
#7BD5BF
oklch(0.81 0.093 176.3)
カラー変換
- HEX
- #7bd5bf
- RGB
- rgb(123 213 191)
- HSL
- hsl(165 52% 66%)
- HWB
- hwb(165 48% 16%)
- OKLCH
- oklch(0.81 0.093 176.3)
- OKLab
- oklab(0.81 -0.093 0.006)
- CIE Lab
- lab(79.19 -32.16 2.02)
- LCH
- lch(79.19 32.22 176.4)
- CMYK
- cmyk(42% 0% 10% 16%)
ティント · シェード · トーン
ティント
- 8AD9C5
- 98DECC
- A6E2D2
- B3E6D8
- C0EADF
- CDEFE5
- DAF3EB
- E6F7F2
- F3FBF8
シェード
- 6AB9A6
- 5A9E8D
- 4A8375
- 3A6A5E
- 2C5148
- 1E3A33
- 10241F
- 05100D
- 010202
トーン
- 7DCCB9
- 7FC4B2
- 80BBAC
- 81B2A5
- 82AA9F
- 82A199
- 829992
- 82918C
- 818886
カラーハーモニー
補色 +180°
- 7BD5BF
Green Parakeet
- F2A8C3
≈ Rose Mallow
類似色 -30° +30°
- 7BD5BF
Green Parakeet
- 9AD29D
≈ Sunlit Glade
- 72D2DF
≈ Sea of Tranquillity
トライアド +120° +240°
- 7BD5BF
Green Parakeet
- C6B5F7
≈ Violet Heaven
- F0B286
≈ Rusty Sand
スプリットコンプリメンタリー +150° +210°
- 7BD5BF
Green Parakeet
- E1ACE1
≈ Barely Bloomed
- F7AAA1
≈ Rosy Outlook
テトラード +90° +180° +270°
- 7BD5BF
Green Parakeet
- A5C0FE
≈ Pastel Blue
- F2A8C3
≈ Rose Mallow
- DCBD7A
≈ Brass Nail
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.73:1 · APCA Lc 31
Ag
AAA黒の上
WCAG 12.11:1 · APCA Lc 71
最適な文字色: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--green-parakeet: #7bd5bf;
--green-parakeet-rgb: 123 213 191;
--green-parakeet-oklch: oklch(0.81 0.093 176.3);
}
.element {
color: var(--green-parakeet);
background-color: hsl(165 52% 66%);
border-color: oklch(0.81 0.093 176.3);
}Tailwind CSS v4
@theme {
--color-green-parakeet: #7bd5bf;
--color-green-parakeet-50: #dafef5;
--color-green-parakeet-100: #c8f3e8;
--color-green-parakeet-200: #aae2d4;
--color-green-parakeet-300: #82c7b8;
--color-green-parakeet-400: #5cb19d;
--color-green-parakeet-500: #2d9a84;
--color-green-parakeet-600: #298270;
--color-green-parakeet-700: #216859;
--color-green-parakeet-800: #174d40;
--color-green-parakeet-900: #0f352c;
--color-green-parakeet-950: #022019;
}SCSS
$green-parakeet: #7bd5bf;
$green-parakeet-rgb: 123, 213, 191;
$green-parakeet-light: mix(#fff, $green-parakeet, 20%);
$green-parakeet-dark: mix(#000, $green-parakeet, 20%);
.element {
color: $green-parakeet;
box-shadow: 0 0 0 2px rgba($green-parakeet, 0.35);
}